@extends('layouts.app')
@section('title', 'Utilisateurs')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h3 class="mb-0">Utilisateurs</h3>
    <a href="{{ route('users.create') }}" class="btn btn-primary">+ Nouvel utilisateur</a>
</div>

<div class="card shadow-sm">
    <table class="table table-sm mb-0">
        <thead><tr><th>Nom</th><th>Email</th><th>Rôle</th><th>Actif</th><th></th></tr></thead>
        <tbody>
        @foreach($users as $u)
            <tr>
                <td>{{ $u->name }}</td>
                <td>{{ $u->email }}</td>
                <td><span class="badge bg-info text-dark">{{ $u->role }}</span></td>
                <td>{{ $u->actif ? '✅' : '❌' }}</td>
                <td class="text-nowrap">
                    <a href="{{ route('users.edit', $u) }}" class="btn btn-sm btn-outline-primary">Modifier</a>
                    @if($u->id !== auth()->id())
                        <form method="POST" action="{{ route('users.destroy', $u) }}" class="d-inline" onsubmit="return confirm('Supprimer cet utilisateur ?');">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger">Suppr.</button>
                        </form>
                    @endif
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endsection