@extends('layouts.app')

@section('titre', 'Livraisons')

@section('contenu')
    <div class="mb-4 flex flex-wrap items-center justify-between gap-3">
        <h1 class="text-xl font-semibold">Livraisons</h1>
        <a href="{{ route('livraisons.creer') }}" class="bouton-principal">Nouvelle livraison</a>
    </div>

    <form method="GET" class="carte mb-4 flex flex-wrap items-end gap-3">
        <div class="min-w-48 flex-1">
            <label for="recherche" class="etiquette">Rechercher</label>
            <input id="recherche" name="recherche" type="search" value="{{ request('recherche') }}"
                   placeholder="Numéro, nom, téléphone, commune, ticket" class="champ">
        </div>
        <label class="flex items-center gap-2 pb-3 text-sm text-slate-700">
            <input type="checkbox" name="a_valider" value="1" @checked(request('a_valider'))
                   class="size-4 rounded border-slate-300 text-marque-600 focus:ring-marque-600">
            Hors grille, à tarifer
        </label>
        <button type="submit" class="bouton-secondaire">Filtrer</button>
    </form>

    @forelse ($livraisons as $livraison)
        <a href="{{ route('livraisons.afficher', $livraison) }}"
           class="carte mb-2 block {{ $livraison->hors_grille && ! $livraison->valide_at ? 'border-amber-300 bg-amber-50' : '' }}">
            <div class="flex flex-wrap items-start justify-between gap-2">
                <div>
                    <p class="font-medium">
                        {{ $livraison->client_prenom }} {{ $livraison->client_nom }}
                        <span class="ml-1 text-sm font-normal text-slate-500">{{ $livraison->numero }}</span>
                    </p>
                    <p class="text-sm text-slate-600">
                        {{ $livraison->code_postal }} {{ $livraison->commune }}
                        &middot; {{ $livraison->secteur?->nom ?? 'Hors grille' }}
                    </p>
                    <p class="text-sm text-slate-600">
                        {{ \App\Models\Tarif::PRESTATIONS[$livraison->prestation] }}
                    </p>
                </div>
                <div class="text-right text-sm">
                    <p class="text-base font-semibold">
                        {{ $livraison->hors_grille && ! $livraison->valide_at ? 'À tarifer' : $livraison->totalFormate() }}
                    </p>
                    <p class="text-slate-500">
                        @if ($livraison->date_rdv)
                            {{ $livraison->statut_rdv === 'planifie' ? 'Le' : 'Souhaité le' }}
                            {{ $livraison->date_rdv->translatedFormat('j M Y') }}
                        @else
                            Sans date
                        @endif
                    </p>
                </div>
            </div>
        </a>
    @empty
        <p class="text-sm text-slate-500">Aucune livraison ne correspond à cette recherche.</p>
    @endforelse

    <div class="mt-4">{{ $livraisons->links() }}</div>
@endsection