@extends('layouts.exat')
@section('title', 'Modifier la demande')
@section('subtitle', $demande->reference)

@section('content')
<form method="POST" action="{{ route('demandes.update', $demande) }}" class="mx-auto max-w-4xl">
    @csrf
    @method('PUT')
    <div class="mb-4 flex items-center gap-3">
        <a href="{{ route('demandes.show', $demande) }}" 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-slate-100 px-3 py-1 text-xs font-medium text-slate-600">{{ $demande->reference }}</span>
    </div>

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

    <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 rounded-lg border border-slate-200 px-4 text-sm font-medium text-slate-700 hover:bg-slate-50">
            Enregistrer
        </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">
            Soumettre
        </button>
    </div>
</form>
@endsection