@extends('layouts.app')

@section('title', 'Perfis de acesso — '.config('app.name'))

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-head__title">Perfis de acesso</h1>
            <p class="page-head__subtitle">O que cada perfil pode fazer no sistema.</p>
        </div>

        @can('create', App\Models\Role::class)
            <a href="{{ route('roles.create') }}" class="btn btn-primary">Novo perfil</a>
        @endcan
    </div>

    @include('partials.status')

    <div class="card">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th scope="col">Perfil</th>
                        <th scope="col">Descrição</th>
                        <th scope="col">Usuários</th>
                        <th scope="col" class="text-end">Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($roles as $role)
                        <tr>
                            <td>
                                {{ $role->name }}
                                @if ($role->is_system)
                                    <span class="badge text-bg-light border ms-1">Padrão</span>
                                @endif
                            </td>
                            <td class="text-body-secondary">{{ $role->description ?? '—' }}</td>
                            <td>{{ $role->users_count }}</td>
                            {{-- Cada ação some quando a policy a recusaria:
                                 perfis de sistema e perfis ainda em uso. --}}
                            <td class="text-end">
                                @include('partials.row-actions', [
                                    'label' => $role->name,
                                    'editUrl' => auth()->user()->can('update', $role) ? route('roles.edit', $role) : null,
                                    'deleteUrl' => auth()->user()->can('delete', $role) ? route('roles.destroy', $role) : null,
                                    'confirm' => 'Excluir o perfil '.$role->name.'?',
                                    // Botões SEMPRE VISÍVEIS, e não o menu que
                                    // abre ao passar o mouse. A tabela é curta —
                                    // quatro colunas, uma linha por perfil — e
                                    // esconder duas ações atrás de um gesto custa
                                    // mais do que a limpeza que traz. Mesmo
                                    // arranjo de quadras, planos e modalidades.
                                    'inline' => true,
                                ])
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="text-center text-body-secondary py-4">
                                Nenhum perfil cadastrado.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-3">
        {{ $roles->links() }}
    </div>
@endsection