@extends('layouts.admin')

@section('title', 'Modifier l’agent')
@section('page-title', 'Modifier : '.$agent->name)
@section('page-subtitle', 'Inscrit le '.$agent->created_at?->format('d/m/Y'))

@section('content')
    <form method="POST"
          action="{{ route('admin.agents.update', $agent) }}"
          class="max-w-xl space-y-6 rounded-2xl border border-slate-200 bg-white p-6 shadow-sm">
        @csrf
        @method('PUT')

        <div>
            <label for="name" class="block text-sm font-medium text-slate-700">Nom complet</label>
            <input type="text"
                   name="name"
                   id="name"
                   value="{{ old('name', $agent->name) }}"
                   required
                   class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500">
        </div>

        <div>
            <label for="email" class="block text-sm font-medium text-slate-700">Adresse e-mail</label>
            <input type="email"
                   name="email"
                   id="email"
                   value="{{ old('email', $agent->email) }}"
                   required
                   class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500">
        </div>

        <div>
            <label for="phone" class="block text-sm font-medium text-slate-700">Téléphone</label>
            <input type="text"
                   name="phone"
                   id="phone"
                   value="{{ old('phone', $agent->phone) }}"
                   placeholder="+212 6 00 00 00 00"
                   class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500">
        </div>

        <div>
            <label for="account_type" class="block text-sm font-medium text-slate-700">Type de compte</label>
            <select name="account_type" id="account_type" required
                    class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500">
                <option value="independent_agent" @selected(old('account_type', $agent->account_type?->value) === 'independent_agent')>Agent indépendant</option>
                <option value="agency" @selected(old('account_type', $agent->account_type?->value) === 'agency')>Agence immobilière</option>
            </select>
        </div>

        <div>
            <label for="status" class="block text-sm font-medium text-slate-700">Statut du compte</label>
            <select name="status"
                    id="status"
                    required
                    class="mt-1 w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500">
                @foreach (\App\Enums\UserAccountStatus::cases() as $statusCase)
                    <option value="{{ $statusCase->value }}" @selected(old('status', $agent->status?->value) === $statusCase->value)>
                        @switch($statusCase->value)
                            @case('pending') En attente de validation @break
                            @case('approved') Compte validé @break
                            @case('rejected') Compte refusé @break
                            @case('suspended') Compte suspendu @break
                            @default {{ $statusCase->value }}
                        @endswitch
                    </option>
                @endforeach
            </select>
            <p class="mt-1 text-xs text-slate-500">
                Seuls les comptes « Validé » peuvent accéder aux fonctionnalités métier de l’application.
            </p>
        </div>

        <div class="flex flex-wrap gap-3 border-t border-slate-100 pt-6">
            <button type="submit"
                    class="rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700">
                Enregistrer les modifications
            </button>
            <a href="{{ route('admin.agents.index') }}"
               class="rounded-lg border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">
                Annuler
            </a>
            <a href="{{ route('admin.agents.show', $agent) }}"
               class="rounded-lg border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">
                Voir le profil
            </a>
        </div>
    </form>
@endsection