@extends('layouts.admin')

@section('title', 'Nouvel agent')
@section('page-title', 'Nouvel agent immobilier')
@section('page-subtitle', 'Création manuelle d’un compte professionnel')

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

        <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') }}" 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') }}" 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') }}" placeholder="+216 00 000 000"
                   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="">— Sélectionner —</option>
                <option value="independent_agent" @selected(old('account_type') === 'independent_agent')>Agent indépendant</option>
                <option value="agency" @selected(old('account_type') === 'agency')>Agence immobilière</option>
            </select>
        </div>

        <div class="grid gap-4 sm:grid-cols-2">
            <div>
                <label for="password" class="block text-sm font-medium text-slate-700">Mot de passe</label>
                <input type="password" name="password" id="password" 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="password_confirmation" class="block text-sm font-medium text-slate-700">Confirmation</label>
                <input type="password" name="password_confirmation" id="password_confirmation" 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>

        <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', 'pending') === $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
                        @endswitch
                    </option>
                @endforeach
            </select>
        </div>

        @include('partials.admin.form-actions', ['cancelRoute' => route('admin.agents.index'), 'submitLabel' => 'Créer l’agent'])
    </form>
@endsection