@extends('layouts.admin')

@section('content')
<users-component></users-component>
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card mt20">
                <div class="card-header">Users</div>

                <div class="card-body">
               
                   <table class="table">
                       <thead>
                           <tr>
                               <th>#</th>
                               <th>
                                   Name
                               </th>
                               <th>Email</th>
                               <th>Roles</th>
                               <th>Created at</th>
                               <th>Last modified</th>
                               <th>Actions</th>
                           </tr>
                       </thead>
                       <tbody>
                        @foreach ($users as $user)
                       
                            
                        
                        <tr>
                            <td>{{ $user->id }}</td>
                            <td>{{ $user->name }}</td>
                            <td>{{ $user->email }}</td>
                            <td>{{ implode(', ',$user->roles()->get()->pluck('name')->toArray()) }}</td>
                            <td>{{ $user->created_at }}</td>
                            <td>{{ $user->updated_at }}</td>
                            <td>
                                <a href="{{ route('admin.user.show',[app()->getLocale(),$user])}} ">
                                    <button class="btn btn-primary float-left btn-sm" type="button">Details</button>
                                </a>
                                @can('admin')
                                    
                                
                               <a href="{{ route('admin.user.edit',[app()->getLocale(),$user->id]) }} ">
                                    <button class="btn btn-primary float-left btn-sm ml-10" type="button">Change Roles</button>
                                </a>
                            @endcan
                            <form action="{{ route('admin.user.destroy',[app()->getLocale(),$user]) }} " method="POST" class="float-left">
                                @csrf
                                {{ method_field('DELETE') }}
                                <button class="btn btn-danger btn-sm ml-10" type="submit">Delete</button>
                            </form>
                            </td>
                        </tr>
                       
                    @endforeach
                           
                       </tbody>
                   </table>
                   {!! $users->links() !!}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection