@php
    $f = $formation ?? null;
    $levelLabels = ['debutant' => 'Débutant', 'confirme' => 'Confirmé', 'expert' => 'Expert'];
@endphp

@if ($errors->any())
    <div class="mb-6 rounded-lg bg-rose-50 px-4 py-3 text-sm text-rose-800 ring-1 ring-rose-600/20">
        <ul class="list-inside list-disc">
            @foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach
        </ul>
    </div>
@endif

<div class="grid gap-6 sm:grid-cols-2">
    <div class="sm:col-span-2">
        <label class="block text-sm font-medium text-gray-700">Titre *</label>
        <input type="text" name="title" required value="{{ old('title', $f?->title) }}"
               class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700">Code</label>
        <input type="text" name="code" value="{{ old('code', $f?->code) }}" placeholder="Ex. IA-U1"
               class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700">Domaine</label>
        <select name="category_id" class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">
            <option value="">— Aucun —</option>
            @foreach ($categories as $cat)
                <option value="{{ $cat->id }}" @selected(old('category_id', $f?->category_id) == $cat->id)>{{ $cat->name }}</option>
            @endforeach
        </select>
    </div>

    {{-- Bloc tarification --}}
    <div>
        <label class="block text-sm font-medium text-gray-700">Prix *</label>
        <input type="number" name="price" required min="0" step="1000" value="{{ old('price', $f?->price ?? 0) }}"
               class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">
        <p class="mt-1 text-xs text-gray-400">Mettre 0 pour une formation gratuite.</p>
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700">Devise *</label>
        <select name="currency" required class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">
            @foreach (['XOF', 'EUR', 'USD', 'XAF'] as $cur)
                <option value="{{ $cur }}" @selected(old('currency', $f?->currency ?? 'XOF') === $cur)>{{ $cur }}</option>
            @endforeach
        </select>
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700">Niveau *</label>
        <select name="level" required class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">
            @foreach ($levels as $lvl)
                <option value="{{ $lvl }}" @selected(old('level', $f?->level ?? 'debutant') === $lvl)>{{ $levelLabels[$lvl] ?? $lvl }}</option>
            @endforeach
        </select>
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700">Durée (jours)</label>
        <input type="number" name="duration_days" min="0" step="0.5" value="{{ old('duration_days', $f?->duration_days) }}"
               class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">
    </div>

    <div class="sm:col-span-2">
        <label class="block text-sm font-medium text-gray-700">Résumé (page de vente)</label>
        <textarea name="summary" rows="2" maxlength="500"
                  class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">{{ old('summary', $f?->summary) }}</textarea>
    </div>

    <div class="sm:col-span-2">
        <label class="block text-sm font-medium text-gray-700">Description</label>
        <textarea name="description" rows="4"
                  class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">{{ old('description', $f?->description) }}</textarea>
    </div>

    <div class="sm:col-span-2">
        <label class="block text-sm font-medium text-gray-700">Objectifs</label>
        <textarea name="objectives" rows="3"
                  class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">{{ old('objectives', $f?->objectives) }}</textarea>
    </div>

    <div class="sm:col-span-2">
        <label class="block text-sm font-medium text-gray-700">Prérequis</label>
        <textarea name="prerequisites" rows="2"
                  class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">{{ old('prerequisites', $f?->prerequisites) }}</textarea>
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700">Attestation</label>
        <select name="certification_mode" class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">
            <option value="auto" @selected(old('certification_mode', $f?->certification_mode ?? 'auto') === 'auto')>Automatique (à 100%)</option>
            <option value="manual" @selected(old('certification_mode', $f?->certification_mode ?? 'auto') === 'manual')>Validation manuelle (formateur)</option>
        </select>
        <p class="mt-1 text-xs text-gray-400">Manuel : utile pour le présentiel / examen.</p>
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700">Position (tri)</label>
        <input type="number" name="position" min="0" value="{{ old('position', $f?->position ?? 0) }}"
               class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-brand-500 focus:ring-brand-500">
    </div>

    <div class="flex items-end">
        <label class="inline-flex items-center gap-2">
            <input type="checkbox" name="is_published" value="1" @checked(old('is_published', $f?->is_published))
                   class="rounded border-gray-300 text-brand-600 focus:ring-brand-500">
            <span class="text-sm font-medium text-gray-700">Publier (visible au catalogue)</span>
        </label>
    </div>
</div>

<div class="mt-8 flex items-center gap-3">
    <button type="submit" class="rounded-lg bg-brand-600 px-5 py-2.5 text-sm font-semibold text-white shadow-sm transition hover:bg-brand-700">
        {{ $submitLabel ?? 'Enregistrer' }}
    </button>
    <a href="{{ route('admin.formations.index') }}" class="text-sm font-medium text-gray-500 hover:text-gray-700">Annuler</a>
</div>