@extends('layouts.app')

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

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Tableau de bord</a></li>
    <li class="breadcrumb-item active">Rôles</li>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4>Gestion des rôles</h4>
    <a href="{{ route('roles.create') }}" class="btn btn-success">
        <i class="bi bi-plus-lg"></i> Nouveau Rôle
    </a>
</div>

<div class="card">
    <div class="card-body p-0">
        <table class="table table-hover mb-0 align-middle dt-table">
            <thead class="table-light">
                <tr>
                    <th class="ps-4">Rôle</th>
                    <th>Utilisateurs</th>
                    <th>Type</th>
                    <th class="text-end pe-4">Actions</th>
                </tr>
            </thead>
            <tbody>
                {{-- Admin (hardcoded, always listed first) --}}
                <tr>
                    <td class="ps-4 fw-semibold">
                        <i class="bi bi-shield-fill text-danger me-2"></i>
                        admin
                    </td>
                    <td>{{ \App\Models\User::where('role', 'admin')->count() }}</td>
                    <td><span class="badge bg-danger">Système</span></td>
                    <td class="text-end pe-4">
                        <span class="text-muted small"><i class="bi bi-lock-fill me-1"></i>Accès complet — non modifiable</span>
                    </td>
                </tr>

                @foreach($roles as $role)
                <tr>
                    <td class="ps-4 fw-semibold">
                        <i class="bi bi-person-badge text-primary me-2"></i>
                        {{ $role }}
                    </td>
                    <td>{{ $userCounts[$role] ?? 0 }}</td>
                    <td><span class="badge bg-primary">Personnalisé</span></td>
                    <td class="text-end pe-4">
                        <a href="{{ route('permissions.index') }}" class="btn btn-sm btn-outline-secondary" title="Gérer les permissions">
                            <i class="bi bi-key-fill"></i> Permissions
                        </a>
                        @if(($userCounts[$role] ?? 0) === 0)
                        <form action="{{ route('roles.destroy', $role) }}" method="POST" class="d-inline"
                              onsubmit="return confirm('Supprimer le rôle « {{ $role }} » ?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" title="Supprimer">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                        @else
                        <button class="btn btn-sm btn-danger" disabled title="Réaffectez les utilisateurs avant de supprimer">
                            <i class="bi bi-trash"></i>
                        </button>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="card-footer text-muted small">
        <i class="bi bi-info-circle me-1"></i>
        Pour supprimer un rôle, réaffectez d'abord ses utilisateurs à un autre rôle.
        &nbsp;|&nbsp; Les permissions de chaque rôle se configurent dans <a href="{{ route('permissions.index') }}">Droits d'accès</a>.
    </div>
</div>
@endsection