@php($viewer = auth('admin')->user())
<x-admin.layout :title="__('Admins & Roles')">
    <x-admin.page-header :title="__('Admins & Roles')" :subtitle="__('Who can sign in to this panel. Each admin\'s role decides what they can see and do.')">
        @can('admins.create')
            <x-admin.button icon="plus" :href="route('admin.admins.create')">{{ __('Add admin') }}</x-admin.button>
        @endcan
    </x-admin.page-header>

    @include('admin.admins.partials.nav')

    <x-admin.card :padding="false">
        <form method="GET" class="flex flex-wrap items-end gap-3 border-b border-gray-200 p-4 dark:border-gray-800">
            <div class="min-w-56 flex-1">
                <x-admin.input name="search" :value="request('search')" :placeholder="__('Name, email or phone')" :aria-label="__('Search')" />
            </div>
            <div class="w-48">
                <x-admin.select name="role" :options="$roles" :value="request('role')" :placeholder="__('All roles')" :aria-label="__('Role')" />
            </div>
            <x-admin.button type="submit" variant="secondary" icon="magnifying-glass">{{ __('Search') }}</x-admin.button>
            @if (request()->hasAny(['search', 'role']))
                <x-admin.button variant="ghost" :href="route('admin.admins.index')">{{ __('Reset') }}</x-admin.button>
            @endif
        </form>

        @if ($admins->isEmpty())
            <x-admin.empty :message="__('No admins match.')" icon="shield-check" />
        @else
            <div class="overflow-x-auto">
                <table class="table-base">
                    <thead><tr><th>{{ __('Admin') }}</th><th>{{ __('Role') }}</th><th>{{ __('Last sign-in') }}</th><th>{{ __('Status') }}</th><th></th></tr></thead>
                    <tbody class="divide-y divide-gray-100 dark:divide-gray-800">
                        @foreach ($admins as $admin)
                            @php($isSelf = $admin->is($viewer))
                            @php($manageable = $viewer->canGrant($admin->role))
                            <tr>
                                <td>
                                    <div class="flex items-center gap-3">
                                        <x-admin.avatar :user="$admin" />
                                        <div>
                                            <p class="font-medium text-gray-900 dark:text-gray-100">
                                                {{ $admin->name }}
                                                @if ($isSelf)<span class="text-xs font-normal text-gray-500">({{ __('you') }})</span>@endif
                                            </p>
                                            <p class="text-xs text-gray-500">{{ $admin->email }}@if ($admin->phone) · {{ $admin->phone }}@endif</p>
                                        </div>
                                    </div>
                                </td>
                                <td>{{ $admin->role->name }}</td>
                                <td class="text-sm">
                                    {{ $admin->last_login_at?->diffForHumans() ?? __('Never') }}
                                    @if ($admin->last_login_ip)<span class="block text-xs text-gray-500">{{ $admin->last_login_ip }}</span>@endif
                                </td>
                                <td><x-admin.status :value="$admin->is_active ? 'active' : 'inactive'" /></td>
                                <td class="text-end">
                                    @if ($manageable)
                                        <div class="flex justify-end gap-1">
                                            @can('admins.edit')<x-admin.button size="sm" variant="ghost" icon="pencil-square" :href="route('admin.admins.edit', $admin)">{{ __('Edit') }}</x-admin.button>@endcan
                                            @if (! $isSelf)
                                                @can('admins.delete')
                                                    <form method="POST" action="{{ route('admin.admins.destroy', $admin) }}" data-confirm="{{ __('Delete :name? They are signed out and can no longer sign in.', ['name' => $admin->name]) }}">
                                                        @csrf @method('DELETE')
                                                        <x-admin.button type="submit" size="sm" variant="ghost" icon="trash" class="text-red-600 dark:text-red-400" :aria-label="__('Delete')" />
                                                    </form>
                                                @endcan
                                            @endif
                                        </div>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="border-t border-gray-200 px-4 py-3 dark:border-gray-800">{{ $admins->links() }}</div>
        @endif
    </x-admin.card>
</x-admin.layout>