@extends('admin.layout')

@section('title', 'Gestion des rôles')

@section('content')

@php
    // Les écrans de rôles et de permissions restent consultables par un administrateur,
    // mais seul un super administrateur peut y écrire : le serveur le garantit dans
    // AdminController::reserveAuSuperAdmin(), la vue ne fait que refléter cette règle.
    $peutEcrire = auth()->user()?->estSuperAdmin() ?? false;
@endphp


    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div>

    <section class="section contact">
        <div class="row gy-4">
            <div class="col-xl-12">
                <div class="card p-4">
                    <div class="col-xl-1">
                        @if ($peutEcrire)
                            <a href="{{ route('roles.create') }}" class="btn btn-primary">
                                <i class="fa-solid fa-plus"></i>
                            </a>
                        @endif
                    </div>
                    <br>

                    {{-- Messages : sur-place.js les fait flotter en haut a droite. --}}
                    <div data-messages>
                        @if (session('success'))
                            <div class="alert alert-success">{{ session('success') }}</div>
                        @endif
                        @if (session('error'))
                            <div class="alert alert-danger">{{ session('error') }}</div>
                        @endif
                    </div>

                    <div class="search-form d-flex align-items-center pt-3 pb-3">
                        <input class="form-control" type="text" id="search" placeholder="Rechercher un rôle">
                    </div>

                    <div class="table-responsive-sm">
                        <table class="table table-hover table-stack table-compacte">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th style="width: 35%">Nom du rôle</th>
                                    <th>Permissions</th>
                                    <th style="width: 65%">Utilisateurs</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody id="table-body">
                                @foreach ($roles as $index => $role)
                                    <tr>
                                        <th>{{ $index + 1 }}</th>
                                        <td class="col-souple" title="{{ strtoupper($role->name) }}">{{ strtoupper($role->name) }}</td>
                                        {{-- Le nombre seulement (liste compacte) : la liste
                                             entière des permissions faisait des lignes de
                                             800 px. Elle reste sur la fiche et le formulaire
                                             du rôle, où on la lit vraiment. --}}
                                        <td>
                                            @if ($role->permissions->isNotEmpty())
                                                <span class="badge bg-primary">{{ trans_choice('{1}1 permission|[2,*]:n permissions', $role->permissions->count(), ['n' => $role->permissions->count()]) }}</span>
                                            @else
                                                <span class="text-muted">Aucune permission</span>
                                            @endif
                                        </td>
                                        @php
                                            $noms = $role->users->map(fn ($u) => trim($u->nom . ' ' . $u->prenom))->implode(', ');
                                        @endphp
                                        <td class="col-souple" title="{{ $noms }}">
                                            @if ($role->users->isNotEmpty())
                                                <span class="badge bg-secondary me-1">{{ $role->users->count() }}</span>{{ $noms }}
                                            @else
                                                <span class="text-muted">Aucun utilisateur</span>
                                            @endif
                                        </td>
                                        <td class="col-actions">
                                            @can('roles.view')
                                                <a href="{{ route('roles.show', $role->id) }}" class="btn btn-info btn-sm">
                                                    <i class="fa fa-eye"></i>
                                                </a>
                                            @endcan
                                            @if ($peutEcrire)
                                                <a href="{{ route('roles.edit', $role->id) }}" class="btn btn-success btn-sm">
                                                    <i class="fa fa-edit"></i>
                                                </a>
                                            @endif
                                            @if ($peutEcrire)
                                                <form action="{{ route('roles.destroy', $role->id) }}" method="POST"
                                                    style="display:inline;">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button class="btn btn-danger btn-sm"
                                                        onclick="return confirm('Supprimer ce rôle ?')">
                                                        <i class="fa fa-trash"></i>
                                                    </button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <script src="@assetV('js/search.js')"></script>

@endsection