@extends('layouts.exat')
@section('title', 'Nouvelle demande')

@section('content')
<form method="POST" action="{{ route('demandes.store') }}" class="mx-auto max-w-4xl">
    @csrf
    <div class="mb-4 flex items-center gap-3">
        <a href="{{ route('demandes.index') }}" class="rounded-lg p-2 text-slate-500 hover:bg-slate-100" aria-label="Retour">
            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"/></svg>
        </a>
        <span class="inline-flex items-center gap-1.5 rounded-full bg-emerald-50 px-3 py-1 text-xs font-medium text-emerald-700">
            Référence générée automatiquement à l'enregistrement
        </span>
    </div>

    @include('demandes._form', ['planteurs' => $planteurs])

    <div class="mt-5 flex items-center justify-end gap-2">
        <button type="submit" name="action" value="brouillon"
                class="inline-flex h-10 items-center gap-2 rounded-lg border border-slate-200 px-4 text-sm font-medium text-slate-700 hover:bg-slate-50">
            Enregistrer le brouillon
        </button>
        <button type="submit" name="action" value="soumettre"
                class="inline-flex h-10 items-center gap-2 rounded-lg bg-emerald-600 px-4 text-sm font-medium text-white hover:bg-emerald-700">
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.126A59.77 59.77 0 0 1 21.485 12 59.77 59.77 0 0 1 3.27 20.876z"/></svg>
            Soumettre
        </button>
    </div>
</form>
@endsection