@extends('layouts.app')

@section('title', isset($compte) ? 'Modifier un compte' : 'Nouveau compte')
@section('header', isset($compte) ? 'Modifier un compte' : 'Nouveau compte')

@section('content')
@php $backUrl = request('return', route('admin.annuaire.comptes.index')); @endphp
@php $gestsupAppId = (string) \App\Modules\Catalogue\Models\Application::where('code', 'GESTSUP')->value('id'); @endphp
<div class="bg-white rounded shadow p-6 max-w-xl">
    <form method="POST" action="{{ isset($compte) ? route('admin.annuaire.comptes.update', $compte) : route('admin.annuaire.comptes.store') }}"
          x-data="{ appId: '{{ old('application_id', $compte->application_id ?? '') }}' }">
        @csrf @if(isset($compte)) @method('PUT') @endif
        @if(request('return'))<input type="hidden" name="return" value="{{ request('return') }}">@endif

        <div class="space-y-4">
            <div>
                <label class="block text-sm font-medium mb-1">Personne *</label>
                <select name="personne_id" class="w-full px-3 py-2 border rounded @error('personne_id') border-red-500 @enderror">
                    <option value="">Sélectionner...</option>
                    @foreach(\App\Modules\Annuaire\Models\Personne::where('statut', 'actif')->orderBy('nom')->get() as $p)
                    <option value="{{ $p->id }}" @selected(old('personne_id', $compte->personne_id ?? request('personne_id')) == $p->id)>{{ $p->nom }} {{ $p->prenom }}</option>
                    @endforeach
                </select>
                @error('personne_id') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Application *</label>
                <select name="application_id" x-on:change="appId = $el.value" class="w-full px-3 py-2 border rounded">
                    <option value="">Sélectionner...</option>
                    @foreach($applications as $a)
                    <option value="{{ $a->id }}" @selected(old('application_id', $compte->application_id ?? '') == $a->id)>{{ $a->nom }}</option>
                    @endforeach
                </select>
            </div>
            <div x-show="appId == '{{ $gestsupAppId }}'" class="space-y-4 border-t pt-4">
                <h4 class="text-sm font-semibold text-gray-700">Compte GestSup</h4>
                @if(isset($compte))
                <p class="text-xs text-gray-500">Laissez le mot de passe vide pour le conserver.</p>
                @endif
                <div>
                    <label class="block text-sm font-medium mb-1">Mot de passe {{ isset($compte) ? '' : '*' }}</label>
                    <input type="password" name="password" autocomplete="new-password" class="w-full px-3 py-2 border rounded @error('password') border-red-500 @enderror">
                    @error('password') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1">Confirmation mot de passe {{ isset($compte) ? '' : '*' }}</label>
                    <input type="password" name="password_confirmation" autocomplete="new-password" class="w-full px-3 py-2 border rounded">
                </div>
                <div>
                    <label class="block text-sm font-medium mb-1">Profil GestSup</label>
                    <select name="profil_gestsup" class="w-full px-3 py-2 border rounded">
                        <option value="2" @selected(old('profil_gestsup', $compte->profile ?? 2) == 2)>Utilisateur (2)</option>
                        <option value="0" @selected(old('profil_gestsup', $compte->profile ?? '') == 0)>Technicien (0)</option>
                        <option value="1" @selected(old('profil_gestsup', $compte->profile ?? '') == 1)>Utilisateur avec pouvoir (1)</option>
                        <option value="3" @selected(old('profil_gestsup', $compte->profile ?? '') == 3)>Superviseur (3)</option>
                        <option value="4" @selected(old('profil_gestsup', $compte->profile ?? '') == 4)>Administrateur (4)</option>
                    </select>
                </div>
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Identifiant externe</label>
                <input type="text" name="identifiant_externe" value="{{ old('identifiant_externe', $compte->identifiant_externe ?? '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Login</label>
                <input type="text" name="login" value="{{ old('login', $compte->login ?? '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Email</label>
                <input type="email" name="email" value="{{ old('email', $compte->email ?? '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">État *</label>
                <select name="etat" class="w-full px-3 py-2 border rounded">
                    <option value="actif" @selected(old('etat', $compte->etat ?? '') === 'actif')>Actif</option>
                    <option value="inactif" @selected(old('etat', $compte->etat ?? '') === 'inactif')>Inactif</option>
                    <option value="bloque" @selected(old('etat', $compte->etat ?? '') === 'bloque')>Bloqué</option>
                </select>
            </div>
        </div>

        <div class="mt-6 flex gap-3">
            <button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">Enregistrer</button>
            <a href="{{ $backUrl }}" class="px-4 py-2 bg-gray-200 rounded hover:bg-gray-300">Annuler</a>
        </div>
    </form>
</div>
@endsection