@extends('layouts.app')

@section('titre', 'Nouvelle tournée')

@section('contenu')
    <h1 class="mb-1 text-xl font-semibold">Nouvelle tournée</h1>
    <p class="mb-4 text-sm text-slate-500">
        Aucune limite d'arrêts n'est imposée : vous ajustez la charge selon les effectifs
        et la taille des interventions.
    </p>

    @if ($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
            <ul class="list-inside list-disc">
                @foreach ($errors->all() as $erreur)<li>{{ $erreur }}</li>@endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('tournees.enregistrer') }}" class="carte space-y-4">
        @csrf

        <div class="grid gap-4 sm:grid-cols-3">
            <label><span class="etiquette">Date</span>
                <input name="date" type="date" value="{{ old('date', $date->toDateString()) }}"
                       required class="champ"></label>
            <label><span class="etiquette">Demi-journée</span>
                <select name="periode" class="champ">
                    @foreach (\App\Models\Tournee::PERIODES as $valeur => $libelle)
                        <option value="{{ $valeur }}" @selected(old('periode', $periode) === $valeur)>
                            {{ $libelle }}
                        </option>
                    @endforeach
                </select>
            </label>
            <label><span class="etiquette">Activité</span>
                <select name="type" class="champ">
                    @foreach (\App\Models\Tournee::TYPES as $valeur => $libelle)
                        <option value="{{ $valeur }}" @selected(old('type') === $valeur)>{{ $libelle }}</option>
                    @endforeach
                </select>
            </label>
        </div>

        <p class="text-sm text-slate-500">
            Les collectes se font le matin, de 9h15 à 11h45, et les livraisons l'après-midi,
            de 13h15 à 16h15.
        </p>

        <div class="grid gap-4 sm:grid-cols-3">
            <label><span class="etiquette">Véhicule</span>
                <select name="vehicule_id" class="champ">
                    <option value="">À affecter plus tard</option>
                    @foreach ($vehicules as $vehicule)
                        <option value="{{ $vehicule->id }}" @selected(old('vehicule_id') == $vehicule->id)>
                            {{ $vehicule->nom }}
                        </option>
                    @endforeach
                </select>
                <span class="mt-1 block text-sm text-slate-500">
                    Seuls les véhicules libres sur cette demi-journée sont proposés.
                </span>
            </label>
            <label><span class="etiquette">Heure de début</span>
                <input name="heure_debut" type="time" value="{{ old('heure_debut') }}" class="champ"></label>
            <label><span class="etiquette">Heure de fin</span>
                <input name="heure_fin" type="time" value="{{ old('heure_fin') }}" class="champ"></label>
            <label><span class="etiquette">Nombre de places</span>
                <input name="places_max" type="number" min="1" max="999"
                       value="{{ old('places_max') }}" class="champ">
                <span class="mt-1 block text-sm text-slate-500">
                    Laissez vide pour ne poser aucune limite. Renseigné, ce nombre plafonne les
                    réservations prises depuis le magasin.
                </span>
            </label>
        </div>

        <fieldset>
            <legend class="etiquette">Équipiers</legend>
            @forelse ($equipiers as $equipier)
                <label class="mr-4 mb-2 inline-flex items-center gap-2 text-sm text-slate-700">
                    <input type="checkbox" name="equipiers[]" value="{{ $equipier->id }}"
                           @checked(in_array($equipier->id, old('equipiers', []), false))
                           class="size-4 rounded border-slate-300 text-marque-600 focus:ring-marque-600">
                    {{ $equipier->prenom }} {{ $equipier->nom }}
                </label>
            @empty
                <p class="text-sm text-slate-500">
                    Aucun équipier disponible. Ils se saisissent dans l'administration.
                </p>
            @endforelse
        </fieldset>

        <input type="hidden" name="statut" value="brouillon">

        <label><span class="etiquette">Consignes pour l'équipe</span>
            <textarea name="consignes" rows="2" class="champ">{{ old('consignes') }}</textarea></label>

        <button type="submit" class="bouton-principal w-full sm:w-auto">Créer la tournée</button>
    </form>
@endsection