@extends('layouts.app')

@section('titre', 'Vérifier la feuille de route')

@section('contenu')
    <h1 class="mb-1 text-xl font-semibold">Vérifier avant d'importer</h1>
    <p class="mb-4 text-sm text-slate-500">
        {{ count($demandes) }} ligne(s) lue(s). Corrigez ce qui doit l'être, décochez ce qui
        ne doit pas entrer, puis importez. Rien n'est enregistré tant que vous n'avez pas
        confirmé.
    </p>

    @if ($douteuses > 0 || $doublons > 0)
        <div class="carte mb-4 border-amber-300 bg-amber-50 text-sm text-amber-900">
            @if ($douteuses > 0)
                <p>
                    <strong>{{ $douteuses }} adresse(s) mal retrouvée(s).</strong>
                    Elles sont signalées ci-dessous. Une faute de frappe de la collectivité
                    coûte un déplacement pour rien.
                </p>
            @endif
            @if ($doublons > 0)
                <p class="{{ $douteuses > 0 ? 'mt-2' : '' }}">
                    <strong>{{ $doublons }} ligne(s) déjà connue(s).</strong>
                    Elles sont décochées d'office, pour éviter un second passage au même endroit.
                </p>
            @endif
        </div>
    @endif

    @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('encombrants.import.confirmation') }}" class="space-y-3">
        @csrf

        @if ($dateIntervention ?? null)
            <div class="carte border-marque-200 bg-marque-50">
                <h2 class="mb-1 font-semibold text-marque-900">La tournée est déjà datée</h2>
                <p class="mb-3 text-sm text-marque-900">
                    La feuille annonce une intervention le
                    <strong>{{ \Carbon\CarbonImmutable::parse($dateIntervention)->translatedFormat('l j F Y') }}</strong>
                    @if ($communeDeLaFeuille ?? null) sur la commune de {{ $communeDeLaFeuille }} @endif.
                    Les arrêts seront ordonnés sur la carte, pas dans l'ordre de la feuille :
                    la collectivité saisit les adresses au fil des appels. Vous pourrez
                    remanier cet ordre depuis la tournée.
                </p>
                <input type="hidden" name="date_intervention" value="{{ $dateIntervention }}">
                <label class="flex items-start gap-2 text-sm text-marque-900">
                    <input type="checkbox" name="creer_tournee" value="1" checked
                           class="mt-0.5 size-4 rounded border-slate-300 text-marque-600 focus:ring-marque-600">
                    Composer la tournée de ce jour avec les lignes cochées. Décochez pour vous
                    contenter d'enregistrer les demandes et les placer plus tard.
                </label>
            </div>
        @endif

        @foreach ($demandes as $rang => $ligne)
            @php
                $douteuse = ($ligne['geocodage_score'] ?? 0) < \App\Models\DemandeEncombrant::SCORE_DOUTEUX;
                $doublon = $ligne['doublon'] ?? false;
            @endphp
            <div @class([
                'carte',
                'border-amber-300 bg-amber-50' => $douteuse && ! $doublon,
                'border-slate-300 bg-slate-50' => $doublon,
            ])>
                <label class="mb-3 flex items-center gap-2 font-medium">
                    <input type="checkbox" name="lignes[{{ $rang }}][retenue]" value="1"
                           @checked(! $doublon)
                           class="size-5 rounded border-slate-300 text-marque-600 focus:ring-marque-600">
                    Ligne {{ $rang + 1 }}
                    @if ($doublon)
                        <span class="text-sm font-normal text-slate-600">déjà connue</span>
                    @elseif ($douteuse)
                        <span class="text-sm font-normal text-amber-800">adresse à relire</span>
                    @endif
                </label>

                @if (! $douteuse && ($ligne['geocodage_libelle'] ?? null))
                    <p class="mb-2 text-sm text-slate-500">
                        Retrouvée : {{ $ligne['geocodage_libelle'] }}
                    </p>
                @endif

                <div class="grid gap-3 sm:grid-cols-6">
                    <label class="sm:col-span-3"><span class="etiquette">Adresse</span>
                        <input name="lignes[{{ $rang }}][adresse]" value="{{ $ligne['adresse'] }}"
                               required class="champ"></label>
                    <label><span class="etiquette">Code postal</span>
                        <input name="lignes[{{ $rang }}][code_postal]" value="{{ $ligne['code_postal'] ?? '' }}"
                               class="champ"></label>
                    <label class="sm:col-span-2"><span class="etiquette">Commune</span>
                        <input name="lignes[{{ $rang }}][commune]" value="{{ $ligne['commune'] ?? '' }}"
                               required class="champ"></label>
                    <label class="sm:col-span-2"><span class="etiquette">Demandeur</span>
                        <input name="lignes[{{ $rang }}][demandeur_nom]" value="{{ $ligne['demandeur_nom'] ?? '' }}"
                               class="champ"></label>
                    <label><span class="etiquette">Téléphone</span>
                        <input name="lignes[{{ $rang }}][telephone]" value="{{ $ligne['telephone'] ?? '' }}"
                               class="champ"></label>
                    <label><span class="etiquette">N° d'OS</span>
                        <input name="lignes[{{ $rang }}][os_numero]" value="{{ $ligne['os_numero'] ?? '' }}"
                               class="champ"></label>
                    <label><span class="etiquette">Demandée le</span>
                        <input name="lignes[{{ $rang }}][date_demande]" type="date"
                               value="{{ $ligne['date_demande'] ?? '' }}" class="champ"></label>
                    <label><span class="etiquette">Créneau</span>
                        <input name="lignes[{{ $rang }}][creneau]" value="{{ $ligne['creneau'] ?? '' }}"
                               class="champ"></label>
                    <label class="sm:col-span-4"><span class="etiquette">Nature de la mission</span>
                        <input name="lignes[{{ $rang }}][nature_mission]" value="{{ $ligne['nature_mission'] ?? '' }}"
                               class="champ"></label>
                    <label class="sm:col-span-2"><span class="etiquette">Secteur</span>
                        <input name="lignes[{{ $rang }}][secteur]" value="{{ $ligne['secteur'] ?? '' }}"
                               class="champ"></label>
                    <label class="sm:col-span-6"><span class="etiquette">Observation</span>
                        <input name="lignes[{{ $rang }}][observation]"
                               value="{{ $ligne['observation'] ?? '' }}" class="champ"></label>
                </div>
            </div>
        @endforeach

        <div class="sticky bottom-0 border-t border-slate-200 bg-slate-50 py-3">
            <button type="submit" class="bouton-principal w-full sm:w-auto">
                Importer les lignes cochées
            </button>
            <a href="{{ route('encombrants.import') }}" class="bouton-secondaire ml-2">Recommencer</a>
        </div>
    </form>
@endsection