@php($viewer = auth('admin')->user())
<x-admin.layout :title="__('Admins & Roles')">
    <x-admin.page-header :title="__('Admins & Roles')" :subtitle="__('Each role is a set of permissions. Super Admin always has them all.')">
        @can('roles.edit')
            <x-admin.button icon="plus" :href="route('admin.roles.create')">{{ __('Add role') }}</x-admin.button>
        @endcan
    </x-admin.page-header>

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

    <x-admin.card :padding="false">
        <div class="overflow-x-auto">
            <table class="table-base">
                <thead><tr><th>{{ __('Role') }}</th><th>{{ __('Access') }}</th><th class="!text-end">{{ __('Admins') }}</th><th></th></tr></thead>
                <tbody class="divide-y divide-gray-100 dark:divide-gray-800">
                    @foreach ($roles as $role)
                        @php($editable = $viewer->canEditRole($role))
                        <tr>
                            <td class="!whitespace-normal">
                                <p class="font-medium text-gray-900 dark:text-gray-100">
                                    {{ $role->name }}
                                    @if ($role->is_system)<x-admin.status value="built_in" :label="__('Built-in')" class="ms-1" />@endif
                                </p>
                                @if ($role->description)<p class="mt-0.5 max-w-md text-xs text-gray-500">{{ $role->description }}</p>@endif
                            </td>
                            <td class="text-sm">
                                {{ $role->isSuperAdmin() ? __('Everything') : __(':count of :total permissions', ['count' => $role->permissions_count, 'total' => $permissionCount]) }}
                            </td>
                            <td class="text-end tabular-nums">
                                @can('admins.view')
                                    <a href="{{ route('admin.admins.index', ['role' => $role->id]) }}" class="text-brand-600 hover:underline dark:text-brand-400">{{ number_format($role->admins_count) }}</a>
                                @else
                                    {{ number_format($role->admins_count) }}
                                @endcan
                            </td>
                            <td class="text-end">
                                @unless ($role->isSuperAdmin())
                                    <div class="flex justify-end gap-1">
                                        <x-admin.button size="sm" variant="ghost" :icon="$editable ? 'pencil-square' : 'eye'" :href="route('admin.roles.edit', $role)">{{ $editable ? __('Edit') : __('View') }}</x-admin.button>
                                        @if ($editable && ! $role->is_system)
                                            <form method="POST" action="{{ route('admin.roles.destroy', $role) }}" data-confirm="{{ __('Delete the :name role?', ['name' => $role->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>
                                        @endif
                                    </div>
                                @endunless
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </x-admin.card>
</x-admin.layout>