@extends('layouts.exat')
@section('title', 'Nouveau circuit')

@section('content')
<form method="POST" action="{{ route('circuits.store') }}" class="mx-auto max-w-2xl">
    @csrf
    <div class="mb-4 flex items-center gap-3">
        <a href="{{ route('circuits.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>
    </div>
    @include('circuits._champs')
    <div class="mt-5 flex justify-end">
        <button class="inline-flex h-10 items-center rounded-lg bg-emerald-600 px-4 text-sm font-medium text-white hover:bg-emerald-700">Créer le circuit</button>
    </div>
</form>
@endsection