@extends('layouts.app')

@section('titre', 'Collectes')

@section('contenu')
    <div class="mb-4 flex flex-wrap items-center justify-between gap-3">
        <h1 class="text-xl font-semibold">Demandes de collecte</h1>
        <a href="{{ route('demande-collecte') }}" class="bouton-principal">Saisir une demande</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" class="champ">
        </div>
        <div>
            <label for="decision" class="etiquette">Décision</label>
            <select id="decision" name="decision" class="champ">
                <option value="">À traiter</option>
                @foreach (\App\Models\Collecte::DECISIONS as $valeur => $libelle)
                    <option value="{{ $valeur }}" @selected(request('decision') === $valeur)>{{ $libelle }}</option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="bouton-secondaire">Filtrer</button>
    </form>

    @forelse ($collectes as $collecte)
        <a href="{{ route('collectes.afficher', $collecte) }}"
           class="carte mb-2 block {{ $collecte->estADecider() ? 'border-marque-300' : '' }}">
            <div class="flex flex-wrap items-start justify-between gap-2">
                <div>
                    <p class="font-medium">
                        {{ $collecte->donateur_prenom }} {{ $collecte->donateur_nom }}
                        <span class="ml-1 text-sm font-normal text-slate-500">{{ $collecte->numero }}</span>
                    </p>
                    <p class="text-sm text-slate-600">
                        {{ $collecte->code_postal }} {{ $collecte->commune }}
                        &middot; {{ $collecte->objets_count }} objet(s)
                    </p>
                    <p class="text-sm text-slate-500">
                        Reçue le {{ $collecte->created_at->translatedFormat('j F Y') }}
                        @if ($collecte->source === 'saisie_accompagnee')
                            &middot; saisie accompagnée
                        @endif
                    </p>
                </div>
                <div class="text-right text-sm">
                    <p class="font-medium">{{ \App\Models\Collecte::DECISIONS[$collecte->decision] }}</p>
                    <p class="text-slate-500">
                        @if ($collecte->statut_rdv === 'planifie' && $collecte->date_rdv)
                            Le {{ $collecte->date_rdv->translatedFormat('j M Y') }}
                        @elseif ($collecte->decision === 'acceptee' || $collecte->decision === 'partiellement_acceptee')
                            À placer au planning
                        @endif
                    </p>
                </div>
            </div>
        </a>
    @empty
        <p class="text-sm text-slate-500">Aucune demande ne correspond à cette recherche.</p>
    @endforelse

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