@extends('layouts.app')

@section('content')
   <h1>Staff</h1>
   <hr>
   <div class="row">
       <div class="col-lg-12 col-sm-12 col-md-12">
           <div class="card">
               <div class="card-header">
                    Table Of Users
               </div>
               <div class="card-body">
                           <div class="table-responsive">
                                <table style="text-align: center;box-shadow: 0px 0px 10px lightgray;"
                                    class="table table-bordered table-hover table-sm myDatatable">
                                        <thead style="background-color:  rgb(80, 120, 131); color: white;font-size: 14px;">
                                            <tr>
                                                    <th>#</th>
                                                    <th>Employee Name</th>
                                                    <th>Department</th>
                                                    <th>Action</th>
                                            </tr>
                                        </thead>
                                        @foreach ($users as $user)
                                            @if($user->id != 1)
                                                <tr>
                                                    <td>{{ $user->id }}</td>
                                                    <td>{{ $user->name }}</td>
                                                    <td>{{ $user->department->name }}</td>
                                                    <td>
                                                        <a href="/management/staff/{{$user->id}}" target="_blank" class="btn btn-sm btn-primary mb-1">View</a>
                                                        <a href="/management/staff/{{$user->id}}/edit" target="_blank" class="btn btn-sm btn-primary mb-1">Edit</a>
                                                    </td>
                                                </tr>
                                            @endif
                                        @endforeach
                                </table>
                           </div>
               </div>
           </div>

       </div>
        

   </div>
   <hr>



  
@endsection