@extends('layouts.app')

@section('title', isset($personne) ? 'Modifier une personne' : 'Nouvelle personne')
@section('header', isset($personne) ? 'Modifier une personne' : 'Nouvelle personne')

@section('content')
@if(isset($personne))
<div class="mb-4 flex items-center justify-between">
    <div class="flex gap-2">
        @if($prev)
            <a href="{{ route('admin.annuaire.personnes.edit', ['personne' => $prev, 'return' => $retour]) }}" class="px-3 py-1.5 bg-white border rounded text-sm hover:bg-gray-50">&larr; {{ $prev->nom_complet }}</a>
        @endif
        @if($next)
            <a href="{{ route('admin.annuaire.personnes.edit', ['personne' => $next, 'return' => $retour]) }}" class="px-3 py-1.5 bg-white border rounded text-sm hover:bg-gray-50">{{ $next->nom_complet }} &rarr;</a>
        @endif
    </div>
    <a href="{{ $retour }}" class="px-3 py-1.5 bg-gray-200 text-sm rounded hover:bg-gray-300">Retour à la liste</a>
</div>
@endif
<div class="bg-white rounded shadow p-6 max-w-2xl">
    <form method="POST" action="{{ isset($personne) ? route('admin.annuaire.personnes.update', $personne) : route('admin.annuaire.personnes.store') }}">
        @csrf @if(isset($personne)) @method('PUT') @endif
        <input type="hidden" name="return" value="{{ $retour ?? request('return', route('admin.annuaire.personnes.index')) }}">

        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium mb-1">Nom *</label>
                <input type="text" name="nom" value="{{ old('nom', $personne->nom ?? '') }}" required class="w-full px-3 py-2 border rounded @error('nom') border-red-500 @enderror">
                @error('nom') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Prénom *</label>
                <input type="text" name="prenom" value="{{ old('prenom', $personne->prenom ?? '') }}" required class="w-full px-3 py-2 border rounded @error('prenom') border-red-500 @enderror">
                @error('prenom') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Email professionnel</label>
                <input type="email" name="email" value="{{ old('email', $personne->email ?? '') }}" class="w-full px-3 py-2 border rounded @error('email') border-red-500 @enderror">
                @error('email') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Email personnel</label>
                <input type="email" name="email_personnel" value="{{ old('email_personnel', $personne->email_personnel ?? '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Téléphone</label>
                <input type="text" name="telephone" value="{{ old('telephone', $personne->telephone ?? '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Mobile</label>
                <input type="text" name="mobile" value="{{ old('mobile', $personne->mobile ?? '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Statut *</label>
                <select name="statut" class="w-full px-3 py-2 border rounded @error('statut') border-red-500 @enderror">
                    <option value="actif" @selected(old('statut', $personne->statut ?? '') === 'actif')>Actif</option>
                    <option value="inactif" @selected(old('statut', $personne->statut ?? '') === 'inactif')>Inactif</option>
                    <option value="suspendu" @selected(old('statut', $personne->statut ?? '') === 'suspendu')>Suspendu</option>
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Service</label>
                <select name="service" class="w-full px-3 py-2 border rounded">
                    <option value="">—</option>
                    @foreach($services as $s)
                    <option value="{{ $s->nom }}" @selected(old('service', $personne->service ?? '') === $s->nom)>{{ $s->nom }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Direction</label>
                <input type="text" name="direction" value="{{ old('direction', $personne->direction ?? '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Site</label>
                <input type="text" name="site" value="{{ old('site', $personne->site ?? '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Bureau</label>
                <input type="text" name="bureau" value="{{ old('bureau', $personne->bureau ?? '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Date d'embauche</label>
                <input type="date" name="date_embauche" value="{{ old('date_embauche', isset($personne) && $personne->date_embauche ? $personne->date_embauche->format('Y-m-d') : '') }}" class="w-full px-3 py-2 border rounded">
            </div>
            <div>
                <label class="block text-sm font-medium mb-1">Date de départ</label>
                <input type="date" name="date_depart" value="{{ old('date_depart', isset($personne) && $personne->date_depart ? $personne->date_depart->format('Y-m-d') : '') }}" class="w-full px-3 py-2 border rounded">
            </div>
        </div>

        <div class="mt-6 border-t pt-4">
            <h4 class="text-sm font-semibold text-gray-700 mb-1">Accès aux applications</h4>
            <p class="text-xs text-gray-500 mb-3">Cochez les applications auxquelles cette personne pourra accéder. Un compte sera créé (ou désactivé si décoché) pour chacune d'elles.</p>
            <div class="grid grid-cols-2 gap-2">
                @foreach($applications as $app)
                <label class="flex items-start gap-2 text-sm">
                    <input type="checkbox" name="applications[]" value="{{ $app->id }}" class="mt-0.5 rounded"
                        @checked(in_array((int) $app->id, array_map('intval', old('applications', $accesActifs ?? []))))>
                    <span>{{ $app->nom }}</span>
                </label>
                @endforeach
            </div>
            @error('applications') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
        </div>

        <div class="mt-4 grid grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium mb-1">Mot de passe unique {{ isset($personne) ? '' : '(requis si accès cochés)' }}</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 du mot de passe</label>
                <input type="password" name="password_confirmation" autocomplete="new-password" class="w-full px-3 py-2 border rounded">
            </div>
        </div>
        @if(isset($personne))
        <p class="text-xs text-gray-500 mt-1">Laissez vide pour conserver le mot de passe actuel des comptes.</p>
        @endif

        @php $m365Compte = isset($personne) ? $comptes?->first(fn($c) => $c->application?->code === 'Microsoft365') : null; @endphp
        @if($m365Compte)
        <div class="mt-4">
            <label class="block text-sm font-medium mb-1">Alias email M365</label>
            <input type="text" name="email_aliases" value="{{ old('email_aliases', $m365Compte->email_aliases ? implode(', ', $m365Compte->email_aliases) : '') }}" class="w-full px-3 py-2 border rounded" placeholder="alias1@domaine.com, alias2@domaine.com">
            <p class="text-xs text-gray-500 mt-1">Séparés par des virgules. Modifié ici → synchronisé vers M365.</p>
        </div>
        @endif

        <div class="mt-4">
            <label class="block text-sm font-medium mb-1">Notes</label>
            <textarea name="notes" rows="3" class="w-full px-3 py-2 border rounded">{{ old('notes', $personne->notes ?? '') }}</textarea>
        </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="{{ $retour ?? request('return', route('admin.annuaire.personnes.index')) }}" class="px-4 py-2 bg-gray-200 rounded hover:bg-gray-300">Annuler</a>
        </div>
    </form>
</div>
@endsection