@extends('admin.layouts.dashboard')

@section('title', 'System Users')

@section('content')
    <x-page-header
        title="System Users"
        :description="number_format($users->count()).' '.Str::plural('account', $users->count()).' that can sign in'"
        :breadcrumbs="['Dashboard' => url('/dashboard'), 'Administration' => null, 'Users' => null]"
    >
        <x-slot:actions>
            @can(\App\Support\Permissions::USERS_MANAGE)
                <a href="{{ route('users.create') }}" class="btn btn--primary">
                    <i class="fa-solid fa-user-plus" aria-hidden="true"></i>
                    Add user
                </a>
            @endcan
        </x-slot:actions>
    </x-page-header>

    <x-card :flush="true">
        <div class="table-wrap">
            <table class="table table--striped" data-datatable>
                <thead>
                    <tr>
                        <th scope="col" class="col-num">#</th>
                        <th scope="col">Name</th>
                        <th scope="col">Email</th>
                        <th scope="col">Role</th>
                        <th scope="col">Status</th>
                        <th scope="col">Last sign-in</th>
                        <th scope="col" class="col-actions no-sort">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($users as $user)
                        <tr>
                            <td class="col-num">{{ $loop->iteration }}</td>
                            <td class="table__primary">
                                {{ $user->name }}
                                @if ($user->id === auth()->id())
                                    <x-badge tone="info">You</x-badge>
                                @endif
                            </td>
                            <td class="u-text-secondary">{{ $user->email }}</td>
                            <td>
                                @if ($user->role)
                                    <x-badge :tone="$user->role->isAdministrator() ? 'warning' : 'neutral'">
                                        {{ $user->role->name }}
                                    </x-badge>
                                @else
                                    <x-badge tone="danger">No role</x-badge>
                                @endif
                            </td>
                            <td>
                                <x-badge :tone="$user->is_active ? 'success' : 'neutral'">
                                    {{ $user->is_active ? 'Active' : 'Disabled' }}
                                </x-badge>
                            </td>
                            <td class="u-nowrap u-text-secondary">
                                {{ $user->last_login_at ? $user->last_login_at->format('d M Y H:i') : 'Never' }}
                            </td>
                            <td class="col-actions">
                                <div class="actions">
                                    @can(\App\Support\Permissions::USERS_MANAGE)
                                        <a class="btn btn--icon btn--sm" href="{{ route('users.edit', $user->id) }}" title="Edit user">
                                            <i class="fa-solid fa-pen" aria-hidden="true"></i>
                                            <span class="u-visually-hidden">Edit {{ $user->name }}</span>
                                        </a>

                                        @if ($user->id !== auth()->id())
                                            <form method="POST" action="{{ route('users.toggle', $user->id) }}" style="display:inline">
                                                @csrf
                                                <button
                                                    type="submit"
                                                    class="btn btn--icon btn--sm {{ $user->is_active ? 'is-danger' : '' }}"
                                                    data-confirm="{{ $user->is_active ? 'Deactivate' : 'Activate' }} {{ $user->name }}?"
                                                    title="{{ $user->is_active ? 'Deactivate' : 'Activate' }}"
                                                >
                                                    <i class="fa-solid {{ $user->is_active ? 'fa-user-slash' : 'fa-user-check' }}" aria-hidden="true"></i>
                                                    <span class="u-visually-hidden">{{ $user->is_active ? 'Deactivate' : 'Activate' }} {{ $user->name }}</span>
                                                </button>
                                            </form>
                                        @endif
                                    @endcan
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-card>
@endsection