@extends('admin.layouts.app')

@section('title', 'Users')

@can('user.create')
    @section('create-url', route('users.create'))
@endcan

@section('content')
    <div class="card">
        <div class="card-body">
            @include('admin.users.filters')
            
            <div class="border">
                <table class="table table-striped ">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Name</th>
                            <th scope="col">Email</th>
                            <th scope="col">Type</th>
                            <th scope="col">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($users as $user)
                            <tr>
                                <td>
                                    {{ $loop->iteration + ($users->firstItem() - 1) }}
                                </td>
                                <td class="text-dark">
                                    {{ $user->name }}
                                    <br>
                                    @foreach ($user->roles as $role)
                                        <span class="badge bg-{{ $role->name == 'admin' ? 'warning' : 'success' }} rounded-pill ms-1">{{ ucfirst($role->name) }}</span>
                                    @endforeach
                                </td>
                                <td>{{ $user->email }}</td>
                                <td class="text-capitalize">{{ $user->type }}</td>
                                <td>
                                    <x-table-actions 
                                        :view-url="route('users.show', $user->id)" 
                                        :edit-url="route('users.edit', $user->id)" 
                                        :delete-url="route('users.destroy', $user->id)" 
                                        view-permission="user.detail"
                                        edit-permission="user.edit"
                                        delete-permission="user.delete"
                                    />
                                </td>
                            </tr>
                        @endforeach
                    <tbody>
                </table>
            </div>
            <x-pagination-summary :items="$users" />
        </div>
    </div>
@endsection