@extends('layouts.admin')



@section('content')


<H1 style="margin-top: 40px;">View All Staff</H1>
<!-- Button trigger modal -->


<table class="table table  table-striped table-sm">
    <thead>
      <tr>
        <th>No</th>
        <th width="15%">Photo</th>
        <th>Username</th>
        <th>Email</th>
        <th>Dob</th>
        
        <th width="22%;">Action</th>
      </tr>
    </thead>

    <tbody>
            @foreach($users as $user)
      <tr>
        <td>{{$user->id}}</td>
        <td><a href="{{ URL::to('/') }}/images/{{ $user->image }}"><img src="{{ URL::to('/') }}/images/{{ $user->image }}" class="img-thumbnail" width="75" /></a></td>
         <td>{{$user->name}}</td>
        <td>{{$user->email}}</td>
        <td>{{$user->dob}}</td>
       
      
        <td>
            
           
                  

                   

                    <a href="{{ route('Profile.edit',$user->id)}}" class="btn btn-success">Edit</a>
                    <button type="submit" class="btn btn-danger">Delete</button>
               

        </td>
      </tr>


      @endforeach
     
            

        
    </tbody>


    
  </table>
  
@endsection

<style>
  img:hover{
    opacity: 0.6;
    transition: transform 0.5s;
  }
</style>