@extends('layout')
@section('title','Utilisateurs')
@section('content')
<h1>Utilisateurs</h1>
<p class="muted">Chaque utilisateur se connecte avec son email et son mot de passe. Un <strong>administrateur</strong> gère les utilisateurs et les rôles ; les autres ont les droits de leur rôle rwx.</p>

<div class="card">
    <h2>Créer un utilisateur</h2>
    <form method="post" action="{{ route('users.store') }}">
        @csrf
        <div class="row" style="align-items:flex-end">
            <div style="flex:1"><label>Nom</label><input name="name" required></div>
            <div style="flex:1"><label>Email</label><input type="email" name="email" required></div>
            <div style="flex:1"><label>Mot de passe</label><input type="password" name="password" minlength="8" required></div>
            <div style="flex:1"><label>Rôle</label>
                <select name="role_id">
                    <option value="">— aucun —</option>
                    @foreach($roles as $r)<option value="{{ $r->id }}">{{ $r->name }} ({{ $r->rwx() }})</option>@endforeach
                </select>
            </div>
            <label style="font-weight:500"><input type="checkbox" name="is_admin" value="1" style="width:auto"> Admin</label>
            <label style="font-weight:500"><input type="checkbox" name="two_factor" value="1" style="width:auto"> 2FA</label>
            <button class="btn">Créer</button>
        </div>
    </form>
</div>

<div class="card">
    <form method="get" action="{{ route('users.index') }}" id="users-filters" data-autosubmit data-results="#results">
        <div class="row" style="align-items:flex-end;gap:12px">
            <div style="flex:1;min-width:200px"><label>Recherche</label>
                <input type="text" name="q" value="{{ $q }}" placeholder="Nom ou email…">
            </div>
            <div><button class="btn">Appliquer</button></div>
            @if($q !== '')
                <div><a class="btn secondary" href="{{ route('users.index') }}">Réinitialiser</a></div>
            @endif
        </div>
    </form>
</div>

<div class="card" id="results">
    <div class="row" style="justify-content:space-between;align-items:center;margin-bottom:6px">
        <h2 style="margin:0">Liste ({{ $users->total() }})</h2>
        @include('partials.per-page-selector', ['perPage' => $perPage, 'options' => $perPageOptions, 'formId' => 'users-filters'])
    </div>
    <table>
        <tr><th>Nom</th><th>Email</th><th>Rôle</th><th>Admin</th><th>2FA</th><th>Nouveau mdp</th><th></th></tr>
        @forelse($users as $u)
            <tr>
                <form method="post" action="{{ route('users.update', $u) }}">
                    @csrf @method('PUT')
                    <td>{{ $u->name }}</td>
                    <td>{{ $u->email }}</td>
                    <td>
                        <select name="role_id" style="max-width:180px">
                            <option value="">— aucun —</option>
                            @foreach($roles as $r)<option value="{{ $r->id }}" @selected($u->role_id===$r->id)>{{ $r->name }} ({{ $r->rwx() }})</option>@endforeach
                        </select>
                    </td>
                    <td><input type="checkbox" name="is_admin" value="1" @checked($u->is_admin) style="width:auto"></td>
                    <td><input type="checkbox" name="two_factor" value="1" @checked($u->two_factor) style="width:auto"></td>
                    <td><input type="password" name="password" placeholder="inchangé" minlength="8" style="max-width:140px"></td>
                    <td style="text-align:right;white-space:nowrap">
                        <button class="btn secondary">Enregistrer</button>
                </form>
                        <form method="post" action="{{ route('users.destroy', $u) }}" style="display:inline" onsubmit="return confirm('Supprimer cet utilisateur ?')">
                            @csrf @method('DELETE')
                            <button class="btn danger" @disabled($u->id === auth()->id())>Supprimer</button>
                        </form>
                    </td>
            </tr>
        @empty
            <tr><td colspan="7" class="muted">Aucun utilisateur ne correspond à cette recherche.</td></tr>
        @endforelse
    </table>
    <div style="margin-top:14px">{{ $users->links() }}</div>
</div>
@endsection