@extends('layouts.app')

@section('titre', 'Collecte '.$collecte->numero)

@section('contenu')
    <a href="{{ route('collectes.index') }}" class="mb-3 inline-block text-sm text-slate-500 hover:underline">
        &larr; Retour aux demandes
    </a>

    <div class="carte">
        <div class="flex flex-wrap items-start justify-between gap-3">
            <div>
                <h1 class="text-xl font-semibold">
                    {{ $collecte->donateur_prenom }} {{ $collecte->donateur_nom }}
                </h1>
                <p class="text-sm text-slate-600">{{ $collecte->numero }}</p>
                <p class="mt-2">
                    <a href="tel:{{ $collecte->telephone }}" class="font-medium text-marque-700 hover:underline">
                        {{ $collecte->telephone }}
                    </a>
                    @if ($collecte->email)
                        <span class="block text-sm text-slate-600">{{ $collecte->email }}</span>
                    @else
                        <span class="block text-sm text-amber-700">Pas d'adresse e-mail : suivi par téléphone.</span>
                    @endif
                </p>
                <p class="mt-2">
                    {{ $collecte->adresse }}@if ($collecte->complement), {{ $collecte->complement }}@endif<br>
                    {{ $collecte->code_postal }} {{ $collecte->commune }}
                </p>
            </div>
            <div class="text-right text-sm">
                <p class="text-base font-semibold">{{ \App\Models\Collecte::DECISIONS[$collecte->decision] }}</p>
                @if ($collecte->decide_at)
                    <p class="text-slate-500">
                        par {{ $collecte->decidePar?->name }}
                        le {{ $collecte->decide_at->translatedFormat('j F Y') }}
                    </p>
                @endif
                <p class="mt-2 text-slate-500">
                    Reçue le {{ $collecte->created_at->translatedFormat('j F Y') }}
                </p>
            </div>
        </div>
    </div>

    <div class="carte mt-4">
        <h2 class="mb-2 font-semibold">Accès annoncé par le donateur</h2>
        <ul class="space-y-1 text-sm text-slate-700">
            <li>
                {{ $collecte->logement_type ? ucfirst($collecte->logement_type) : 'Type de logement non précisé' }}@if ($collecte->etage), étage {{ $collecte->etage }}@endif
            </li>
            <li>
                @if (! $collecte->ascenseur_present)
                    Pas d'ascenseur
                @elseif ($collecte->ascenseur_utilisable_meuble)
                    Ascenseur, le meuble y passe
                @else
                    Ascenseur présent, mais le meuble n'y passe pas
                @endif
            </li>
            @if ($collecte->escaliers)<li>Escaliers : {{ $collecte->escaliers }}</li>@endif
            @if ($collecte->passages_etroits)<li>Passages étroits signalés</li>@endif
            @if ($collecte->stationnement)<li>Stationnement : {{ $collecte->stationnement }}</li>@endif
            @if ($collecte->distance_portage_m)<li>Portage sur {{ $collecte->distance_portage_m }} m</li>@endif
            @if ($collecte->demontage_necessaire)<li>Un démontage est annoncé</li>@endif
            @if ($collecte->acces_observations)<li>{{ $collecte->acces_observations }}</li>@endif
        </ul>

        <h3 class="mt-3 mb-1 text-sm font-semibold">Dates proposées</h3>
        <p class="text-sm text-slate-700">
            {{ $collecte->disponibilites->map(fn ($d) => $d->date->translatedFormat('D j M'))->join(', ') ?: 'Aucune' }}
        </p>
        <p class="text-sm text-slate-500">Ces dates sont des disponibilités, pas une réservation.</p>
    </div>

    <div class="carte mt-4">
        <h2 class="mb-1 font-semibold">Objets proposés</h2>
        <p class="mb-3 text-sm text-slate-500">
            Cette décision porte sur les photos. Elle ne remplace pas ce que l'équipe constatera sur place.
        </p>

        @foreach ($collecte->objets as $objet)
            <div class="border-b border-slate-100 py-3 last:border-0">
                <div class="flex flex-wrap items-start justify-between gap-2">
                    <div>
                        <p class="font-medium">
                            {{ $objet->type }}
                            <span class="text-sm font-normal text-slate-500">&times; {{ $objet->quantite }}</span>
                        </p>
                        @if ($objet->description)
                            <p class="text-sm text-slate-600">{{ $objet->description }}</p>
                        @endif
                        <p class="text-sm text-slate-500">
                            @if ($objet->longueur_cm || $objet->largeur_cm || $objet->hauteur_cm)
                                {{ $objet->longueur_cm }} &times; {{ $objet->largeur_cm }} &times; {{ $objet->hauteur_cm }} cm
                            @endif
                            @if ($objet->etat) &middot; état {{ $objet->etat }} @endif
                            @if ($objet->demontage_necessaire) &middot; à démonter @endif
                        </p>
                    </div>
                    <span @class([
                        'rounded-full px-3 py-1 text-xs font-medium',
                        'bg-accent-100 text-accent-900' => $objet->decision === 'retenu',
                        'bg-red-100 text-red-800' => $objet->decision === 'refuse',
                        'bg-slate-100 text-slate-600' => $objet->decision === 'a_etudier',
                    ])>
                        {{ ['a_etudier' => 'À étudier', 'retenu' => 'Retenu', 'refuse' => 'Refusé'][$objet->decision] }}
                    </span>
                </div>

                @if ($objet->photos->isNotEmpty())
                    <div class="mt-2 flex flex-wrap gap-2">
                        @foreach ($objet->photos as $photo)
                            <img src="{{ route('photos.montrer', $photo) }}" alt=""
                                 class="size-28 rounded-lg object-cover">
                        @endforeach
                    </div>
                @else
                    <p class="mt-2 text-sm text-amber-700">Aucune photo : décidez avec prudence.</p>
                @endif

                @if ($objet->motif_refus)
                    <p class="mt-2 text-sm text-red-800">Motif du refus : {{ $objet->motif_refus }}</p>
                @endif

                <form method="POST" action="{{ route('collectes.objets.decider', [$collecte, $objet]) }}"
                      class="mt-3 flex flex-wrap items-end gap-2">
                    @csrf
                    <label><span class="etiquette">Décision</span>
                        <select name="decision" class="champ w-40">
                            <option value="a_etudier" @selected($objet->decision === 'a_etudier')>À étudier</option>
                            <option value="retenu" @selected($objet->decision === 'retenu')>Retenu</option>
                            <option value="refuse" @selected($objet->decision === 'refuse')>Refusé</option>
                        </select>
                    </label>
                    <label class="min-w-48 flex-1"><span class="etiquette">Motif si refus</span>
                        <input name="motif_refus" value="{{ $objet->motif_refus }}" class="champ"></label>
                    <button type="submit" class="bouton-secondaire">Enregistrer</button>
                </form>
            </div>
        @endforeach
    </div>

    <div class="carte mt-4">
        <h2 class="mb-3 font-semibold">Estimation et notes internes</h2>
        <form method="POST" action="{{ route('collectes.estimation', $collecte) }}" class="space-y-3">
            @csrf
            <div class="grid gap-3 sm:grid-cols-3">
                <label><span class="etiquette">Volume estimé (m³)</span>
                    <input name="estimation_volume_m3" type="number" step="0.5" min="0"
                           value="{{ $collecte->estimation_volume_m3 }}" class="champ"></label>
                <label><span class="etiquette">Durée estimée (minutes)</span>
                    <input name="estimation_duree_min" type="number" min="0"
                           value="{{ $collecte->estimation_duree_min }}" class="champ"></label>
                <label><span class="etiquette">Effectif nécessaire</span>
                    <input name="estimation_equipiers" type="number" min="0"
                           value="{{ $collecte->estimation_equipiers }}" class="champ"></label>
            </div>
            <label><span class="etiquette">Notes internes</span>
                <textarea name="notes_internes" rows="3" class="champ">{{ $collecte->notes_internes }}</textarea>
                <span class="mt-1 block text-sm text-slate-500">
                    Ces notes restent internes. Elles ne figurent jamais sur le récapitulatif du donateur.
                </span>
            </label>
            <button type="submit" class="bouton-secondaire">Enregistrer</button>
        </form>
    </div>

    @php
        $aTrancher = $collecte->objets->where('decision', 'a_etudier')->count();
        $retenus = $collecte->objets->where('decision', 'retenu')->count();
        // Les dates proposées par le donateur servent de raccourci : ce sont
        // celles où il a dit être là.
        $proposees = $collecte->disponibilites->filter(fn ($d) => $d->date->gte(today()));
    @endphp

    @if ($errors->any())
        <div class="mt-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

    <div class="carte mt-4">
        <h2 class="mb-1 font-semibold">Décision sur la demande</h2>
        <p class="mb-3 text-sm text-slate-500">
            La décision se déduit de ce que vous avez tranché objet par objet. Le donateur ne sera
            informé que des objets retenus, et reçoit un message à chaque décision.
        </p>

        <p class="mb-3 text-sm text-slate-700">
            {{ $retenus }} objet(s) retenu(s) sur {{ $collecte->objets->count() }}.
            @if ($aTrancher > 0)
                <span class="text-amber-700">{{ $aTrancher }} reste(nt) à trancher.</span>
            @endif
        </p>

        <form method="POST" action="{{ route('collectes.decider', $collecte) }}" class="space-y-4">
            @csrf

            {{-- La date se pose en validant, sans qu'une tournée existe. Elle
                 reste facultative : on peut valider maintenant et dater après. --}}
            @unless ($collecte->estDatee())
                <fieldset class="rounded-lg border border-slate-200 p-3">
                    <legend class="px-1 text-sm font-semibold">Date de la collecte <span class="font-normal text-slate-500">— facultatif</span></legend>

                    @include('collectes._champs-date', ['collecte' => $collecte, 'proposees' => $proposees])
                </fieldset>
            @endunless

            <label><span class="etiquette">Motif, si aucun objet n'est retenu</span>
                <input name="motif_refus" value="{{ old('motif_refus', $collecte->motif_refus) }}" class="champ">
                <span class="mt-1 block text-sm text-slate-500">Le donateur le lira dans le message de refus.</span>
            </label>

            <div class="flex flex-wrap gap-2">
                <button type="submit" name="action" value="valider" class="bouton-principal"
                        @disabled($aTrancher > 0)>
                    Valider la demande
                </button>
                @if ($collecte->decide_at)
                    <button type="submit" name="action" value="annuler" class="bouton-secondaire">
                        Annuler la validation
                    </button>
                @endif
            </div>

            <details class="rounded-lg border border-slate-200 p-3" @if ($errors->has('informations_demandees')) open @endif>
                <summary class="cursor-pointer text-sm font-semibold">Il manque des informations</summary>
                <label class="mt-3 block"><span class="etiquette">Ce qui manque</span>
                    <textarea name="informations_demandees" rows="3" class="champ"
                              placeholder="Par exemple : une photo de l'armoire ouverte, les dimensions du canapé.">{{ old('informations_demandees', $collecte->informations_demandees) }}</textarea>
                    <span class="mt-1 block text-sm text-slate-500">Le donateur reçoit ce texte tel quel.</span>
                </label>
                <button type="submit" name="action" value="informations_manquantes" class="bouton-secondaire mt-3">
                    Demander ces informations
                </button>
            </details>
        </form>
    </div>

    <div class="carte mt-4">
        <h2 class="mb-1 font-semibold">Rendez-vous</h2>

        @if ($collecte->estDatee())
            <p class="text-sm text-slate-700">
                Fixée au <strong>{{ $collecte->date_rdv->translatedFormat('l j F Y') }}</strong>,
                {{ $collecte->demiJourneeLisible() }}
                ({{ implode(' - ', array_map(fn ($h) => str_replace(':', 'h', substr($h, 0, 5)), $collecte->plageAnnoncee())) }}).
            </p>
        @elseif ($collecte->estAcceptee())
            <p class="text-sm text-amber-700">Acceptée, mais sans date : le donateur attend.</p>
        @else
            <p class="text-sm text-slate-500">Une date se fixe une fois la demande acceptée.</p>
        @endif

        @foreach ($collecte->interventions as $intervention)
            <p class="mt-2 text-sm text-slate-700">
                Placée sur la
                <a href="{{ route('tournees.afficher', $intervention->tournee) }}"
                   class="font-medium text-marque-700 hover:underline">
                    tournée du {{ $intervention->tournee->date->translatedFormat('l j F Y') }}
                </a>
                ({{ \App\Models\Tournee::PERIODES[$intervention->tournee->periode] }}).
            </p>
        @endforeach

        @if ($collecte->estDatee() && $collecte->interventions->isEmpty())
            <p class="mt-2 text-sm text-slate-500">
                Pas encore sur une tournée. La logistique la retrouve parmi les dossiers à placer, à cette date.
            </p>
        @endif

        @if ($collecte->estAcceptee())
            <form method="POST" action="{{ route('collectes.date', $collecte) }}" class="mt-4 space-y-3">
                @csrf
                <h3 class="text-sm font-semibold">{{ $collecte->estDatee() ? 'Changer la date' : 'Fixer la date' }}</h3>

                @include('collectes._champs-date', ['collecte' => $collecte, 'proposees' => $proposees])

                <button type="submit" class="bouton-principal">
                    {{ $collecte->estDatee() ? 'Changer la date' : 'Fixer la date' }}
                </button>
                <p class="text-sm text-slate-500">Le donateur reçoit aussitôt le récapitulatif avec la nouvelle date.</p>
            </form>
        @endif

        {{-- Ancien parcours : une collecte placée sur une tournée sans avoir été
             datée depuis sa fiche attend encore sa confirmation. --}}
        @if ($collecte->statut_rdv === 'planifie' && ! $collecte->confirme_at)
            <form method="POST" action="{{ route('collectes.rendez-vous', $collecte) }}" class="mt-3">
                @csrf
                <button type="submit" class="bouton-secondaire">Confirmer le rendez-vous</button>
                <p class="mt-2 text-sm text-slate-500">
                    C'est ce geste qui déclenchera le récapitulatif au donateur, limité aux objets retenus.
                </p>
            </form>
        @endif

        @if ($collecte->confirme_at)
            <h3 class="mt-4 mb-1 text-sm font-semibold">Récapitulatif du donateur</h3>
            <p class="mb-2 text-sm text-slate-500">
                Ce lien n'ouvre que ce dossier. Il ne montre que les objets retenus, sans vos
                notes internes ni les informations d'équipe.
            </p>
            <a href="{{ $collecte->lienRecapitulatif() }}" target="_blank" rel="noopener"
               class="bouton-secondaire">Voir le récapitulatif</a>
        @endif
    </div>
@endsection