@extends('layouts.app')

@section('titre', 'Encombrants')

@section('contenu')
    <div class="mb-4 flex flex-wrap items-center justify-between gap-3">
        <div>
            <h1 class="text-xl font-semibold">Enlèvement des encombrants</h1>
            <p class="text-sm text-slate-500">
                Demandes transmises par la collectivité, à placer en tournée.
            </p>
        </div>
        <div class="flex flex-wrap gap-2">
            <a href="{{ route('encombrants.import') }}" class="bouton-principal">Importer une feuille</a>
            <a href="{{ route('encombrants.creer') }}" class="bouton-secondaire">Saisir une demande</a>
        </div>
    </div>

    @if ($douteuses > 0)
        <a href="{{ route('encombrants.index', ['adresses_douteuses' => 1]) }}"
           class="carte mb-4 block border-amber-300 bg-amber-50">
            <p class="text-sm text-amber-900">
                <strong>{{ $douteuses }} adresse(s) à relire</strong> parmi les demandes à placer.
                Elles n'ont pas été retrouvées, ou mal. Mieux vaut les corriger avant d'envoyer
                le camion.
            </p>
        </a>
    @endif

    <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, adresse, demandeur, n° d'OS" class="champ">
        </div>
        <div>
            <label for="statut" class="etiquette">État</label>
            <select id="statut" name="statut" class="champ">
                <option value="">À placer</option>
                @foreach ($statuts as $valeur => $libelle)
                    <option value="{{ $valeur }}" @selected(request('statut') === $valeur)>{{ $libelle }}</option>
                @endforeach
            </select>
        </div>
        @if ($communes->isNotEmpty())
            <div>
                <label for="commune" class="etiquette">Commune</label>
                <select id="commune" name="commune" class="champ">
                    <option value="">Toutes</option>
                    @foreach ($communes as $commune)
                        <option value="{{ $commune }}" @selected(request('commune') === $commune)>{{ $commune }}</option>
                    @endforeach
                </select>
            </div>
        @endif
        <button type="submit" class="bouton-secondaire">Filtrer</button>
    </form>

    @forelse ($demandes as $demande)
        <a href="{{ route('encombrants.afficher', $demande) }}"
           class="carte mb-2 block {{ $demande->adresseDouteuse() ? 'border-amber-300' : '' }}">
            <div class="flex flex-wrap items-start justify-between gap-2">
                <div>
                    <p class="font-medium">
                        {{ $demande->adresse }}
                        <span class="ml-1 text-sm font-normal text-slate-500">{{ $demande->numero }}</span>
                    </p>
                    <p class="text-sm text-slate-600">
                        {{ $demande->code_postal }} {{ $demande->commune }}
                        @if ($demande->demandeur_nom) &middot; {{ $demande->demandeur_nom }} @endif
                    </p>
                    @if ($demande->nature_mission)
                        <p class="text-sm text-slate-500">{{ $demande->nature_mission }}</p>
                    @endif
                </div>
                <div class="text-right text-sm">
                    <p class="font-medium">{{ $statuts[$demande->statut] }}</p>
                    @if ($demande->date_rdv)
                        <p class="text-slate-500">le {{ $demande->date_rdv->translatedFormat('j M Y') }}</p>
                    @elseif ($demande->date_demande)
                        <p class="text-slate-500">
                            demandée le {{ $demande->date_demande->translatedFormat('j M') }}
                        </p>
                    @endif
                    @if ($demande->adresseDouteuse())
                        <p class="text-amber-700">adresse à relire</p>
                    @endif
                </div>
            </div>
        </a>
    @empty
        <p class="text-sm text-slate-500">Aucune demande ne correspond à cette recherche.</p>
    @endforelse

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