@extends('layouts.exat')
@section('title', 'Utilisateur : '.$utilisateur->name)
@section('subtitle', $utilisateur->login)

@section('content')
<form method="POST" action="{{ route('utilisateurs.update', $utilisateur) }}" class="mx-auto max-w-3xl space-y-5">
    @csrf @method('PUT')
    <div class="mb-1 flex items-center justify-between">
        <a href="{{ route('utilisateurs.index') }}" class="inline-flex rounded-lg p-2 text-slate-500 hover:bg-slate-100" aria-label="Retour"><svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"/></svg></a>
        <a href="{{ route('utilisateurs.notifications', $utilisateur) }}" class="inline-flex h-9 items-center gap-2 rounded-lg border border-slate-200 px-3 text-sm text-slate-700 hover:bg-slate-50">
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M14.857 17.082a23.8 23.8 0 0 0 5.454-1.31A8.97 8.97 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.97 8.97 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24 24 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"/></svg>
            Préférences de notification
        </a>
    </div>

    <section class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
        <h2 class="mb-4 text-sm font-medium text-slate-900">Identité & rôle</h2>
        <div class="grid gap-3 sm:grid-cols-2">
            <div><label class="mb-1 block text-[11px] text-slate-400">Nom</label><input name="name" value="{{ old('name', $utilisateur->name) }}" required class="w-full rounded-lg border-slate-200 text-sm"></div>
            <div><label class="mb-1 block text-[11px] text-slate-400">Prénom</label><input name="prenom" value="{{ old('prenom', $utilisateur->prenom) }}" class="w-full rounded-lg border-slate-200 text-sm"></div>
            <div><label class="mb-1 block text-[11px] text-slate-400">Login</label><input name="login" value="{{ old('login', $utilisateur->login) }}" required class="w-full rounded-lg border-slate-200 text-sm"></div>
            <div><label class="mb-1 block text-[11px] text-slate-400">Email</label><input type="email" name="email" value="{{ old('email', $utilisateur->email) }}" class="w-full rounded-lg border-slate-200 text-sm"></div>
            <div><label class="mb-1 block text-[11px] text-slate-400">N° téléphone</label><input name="telephone" value="{{ old('telephone', $utilisateur->telephone) }}" class="w-full rounded-lg border-slate-200 text-sm"></div>
            <div class="sm:col-span-2"><label class="mb-1 block text-[11px] text-slate-400">Description</label><input name="description" value="{{ old('description', $utilisateur->description) }}" placeholder="Fonction, service, remarque…" class="w-full rounded-lg border-slate-200 text-sm"></div>
            <div class="sm:col-span-2">
                @include('partials._ponts-multi', ['pontsDispo' => $ponts, 'pontsSel' => $pontsSel ?? []])
            </div>
            <div><label class="mb-1 block text-[11px] text-slate-400">Nouveau mot de passe <span class="text-slate-300">(laisser vide pour ne pas changer)</span></label><input type="password" name="password" class="w-full rounded-lg border-slate-200 text-sm"></div>
            <div>
                <label class="mb-1 block text-[11px] text-slate-400">Rôle</label>
                <select name="role" required class="w-full rounded-lg border-slate-200 text-sm">
                    @foreach($roles as $r)<option value="{{ $r }}" @selected($roleActuel === $r)>{{ $r }}</option>@endforeach
                </select>
            </div>
        </div>
    </section>

    <section class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
        <h2 class="mb-1 text-sm font-medium text-slate-900">Accès par module</h2>
        <p class="mb-4 text-[11px] text-slate-400">« Hérité » applique le niveau du rôle. Un autre choix remplace ce niveau pour cet utilisateur uniquement.</p>
        <div class="divide-y divide-slate-100">
            @foreach($modules as $m)
                @php $val = $overrides[$m->id] ?? 3; @endphp
                <div class="flex items-center gap-3 py-2">
                    <div class="flex-1 text-sm text-slate-700">{{ $m->libelle }}</div>
                    <select name="acces[{{ $m->id }}]" class="rounded-lg border-slate-200 text-sm">
                        <option value="3" @selected($val == 3)>Hérité</option>
                        <option value="0" @selected($val == 0)>Aucun</option>
                        <option value="1" @selected($val == 1)>Lecture</option>
                        <option value="2" @selected($val == 2)>Écriture</option>
                    </select>
                </div>
            @endforeach
        </div>
    </section>

    <div class="flex justify-end"><button class="inline-flex h-10 items-center rounded-lg bg-emerald-600 px-4 text-sm font-medium text-white hover:bg-emerald-700">Enregistrer</button></div>
</form>
@endsection