@extends('layouts.app')
@section('title', 'Utilisateurs & Rôles')
@section('breadcrumb', 'Paramètres / Utilisateurs')
@section('content')
<div class="page-header"><h1 class="page-title"><i class="fas fa-user-shield" style="color:var(--primary)"></i> Utilisateurs & Rôles</h1></div>

<div class="grid-2">
    {{-- Utilisateurs --}}
    <div>
        <div class="card" style="margin-bottom:16px;"><div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
            <h3 class="card-title">Utilisateurs</h3>
            <a href="{{ route('utilisateurs.create') }}" class="btn btn-sm btn-primary"><i class="fas fa-plus"></i> Ajouter</a>
        </div>
        <div class="table-wrap"><table class="table">
            <thead><tr><th>Login</th><th>Nom</th><th>Rôle</th><th>Statut</th><th></th></tr></thead>
            <tbody>
            @forelse($users as $u)
                <tr>
                    <td><code>{{ $u->login }}</code></td>
                    <td>{{ $u->name }}</td>
                    <td>{{ $u->role?->label ?? '-' }}</td>
                    <td><span class="badge-pill {{ $u->actif ? 'badge-success' : 'badge-muted' }}">{{ $u->actif ? 'Actif' : 'Inactif' }}</span></td>
                    <td>
                        <div class="table-actions">
                            <a href="{{ route('utilisateurs.edit', $u) }}" class="action-btn" title="Modifier"><i class="fas fa-pen"></i></a>
                            @if($u->id !== auth()->id())
                                <form method="POST" action="{{ route('utilisateurs.destroy', $u) }}" onsubmit="return confirm('Supprimer ?')">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="action-btn danger" title="Supprimer"><i class="fas fa-trash"></i></button>
                                </form>
                            @endif
                        </div>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5" class="empty-state">Aucun utilisateur</td></tr>
            @endforelse
            </tbody>
        </table></div></div>
    </div>

    {{-- Rôles --}}
    <div>
        <div class="card"><div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
            <h3 class="card-title">Rôles</h3>
            <a href="{{ route('roles.create') }}" class="btn btn-sm btn-primary"><i class="fas fa-plus"></i> Nouveau rôle</a>
        </div>
        <div class="table-wrap"><table class="table">
            <thead><tr><th>Nom</th><th>Utilisateurs</th><th></th></tr></thead>
            <tbody>
            @forelse($roles as $r)
                <tr>
                    <td><strong>{{ $r->label }}</strong></td>
                    <td>{{ $r->users_count }}</td>
                    <td>
                        <div class="table-actions">
                            <a href="{{ route('roles.edit', $r) }}" class="action-btn" title="Modifier"><i class="fas fa-pen"></i></a>
                            @if($r->users_count == 0)
                                <form method="POST" action="{{ route('roles.destroy', $r) }}" onsubmit="return confirm('Supprimer ce rôle ?')">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="action-btn danger" title="Supprimer"><i class="fas fa-trash"></i></button>
                                </form>
                            @endif
                        </div>
                    </td>
                </tr>
            @empty
                <tr><td colspan="3" class="empty-state">Aucun rôle</td></tr>
            @endforelse
            </tbody>
        </table></div></div>
    </div>
</div>
@endsection