@extends('layouts.app')

@section('titre', 'Bon '.($bon['numero'] ?? ''))

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

    <div class="carte">
        <p class="text-sm text-slate-500">
            Bon figé à la clôture, le
            {{ $intervention->cloture_at?->translatedFormat('j F Y à H\hi') }}.
            Il porte ce qui a été présenté au client et ne se réécrit pas.
        </p>

        <h1 class="mt-2 text-xl font-semibold">{{ $bon['client'] ?? '' }}</h1>
        <p class="text-sm text-slate-600">
            {{ $bon['numero'] ?? '' }}
            &middot; {{ ($bon['type'] ?? '') === 'collecte' ? 'Collecte' : 'Livraison' }}
        </p>
        <p class="mt-2">{{ $bon['adresse'] ?? '' }}</p>
        @if ($bon['telephone'] ?? null)
            <p class="text-sm text-slate-600">{{ $bon['telephone'] }}</p>
        @endif
    </div>

    <div class="carte mt-4">
        <h2 class="mb-2 font-semibold">Intervention</h2>
        <dl class="space-y-1 text-sm">
            <div class="flex justify-between gap-3">
                <dt class="text-slate-600">Date</dt>
                <dd>
                    @if ($bon['date'] ?? null)
                        {{ \Carbon\CarbonImmutable::parse($bon['date'])->translatedFormat('l j F Y') }}
                    @else
                        Non renseignée
                    @endif
                    @if ($bon['periode'] ?? null)
                        ({{ \App\Models\Tournee::PERIODES[$bon['periode']] ?? $bon['periode'] }})
                    @endif
                </dd>
            </div>
            <div class="flex justify-between gap-3">
                <dt class="text-slate-600">Résultat</dt>
                <dd>{{ $resultats[$bon['resultat'] ?? ''] ?? 'Non renseigné' }}</dd>
            </div>
            <div class="flex justify-between gap-3">
                <dt class="text-slate-600">Véhicule</dt>
                <dd>{{ $bon['vehicule'] ?? 'Non affecté' }}</dd>
            </div>
            <div class="flex justify-between gap-3">
                <dt class="text-slate-600">Équipe</dt>
                <dd>
                    {{ implode(', ', $bon['equipiers'] ?? []) ?: 'Non renseignée' }}
                    @if ($bon['operateur'] ?? null) &middot; saisi par {{ $bon['operateur'] }} @endif
                </dd>
            </div>
        </dl>

        @if ($bon['probleme'] ?? null)
            <p class="mt-3 rounded-lg bg-amber-50 px-4 py-3 text-sm text-amber-900">
                Problème signalé : {{ $bon['probleme'] }}
            </p>
        @endif
        @if ($bon['commentaire'] ?? null)
            <p class="mt-3 text-sm text-slate-700">{{ $bon['commentaire'] }}</p>
        @endif
    </div>

    <div class="carte mt-4">
        <h2 class="mb-2 font-semibold">Objets</h2>
        <div class="overflow-x-auto">
            <table class="w-full min-w-80 text-sm">
                <thead>
                    <tr class="border-b border-slate-200 text-left text-slate-500">
                        <th class="py-1 pr-3 font-medium">Objet</th>
                        <th class="py-1 pr-3 font-medium">Prévu</th>
                        <th class="py-1 font-medium">Réel</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($bon['objets'] ?? [] as $objet)
                        <tr class="border-b border-slate-100 last:border-0">
                            <td class="py-1.5 pr-3">
                                {{ $objet['description'] }}
                                @if ($objet['remontage_demande'] ?? false)
                                    <span class="text-slate-500">(remontage demandé)</span>
                                @endif
                            </td>
                            <td class="py-1.5 pr-3 tabular-nums">{{ $objet['quantite_prevue'] }}</td>
                            <td class="py-1.5 tabular-nums">
                                {{ $objet['quantite_reelle'] ?? '—' }}
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="py-2 text-slate-500">Aucun objet enregistré.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="carte mt-4">
        <h2 class="mb-2 font-semibold">Signature</h2>
        @if ($intervention->signature_chemin)
            <p class="text-sm text-slate-700">
                Signé par {{ $bon['signataire'] ?? '' }},
                le {{ $intervention->signe_at?->translatedFormat('j F Y à H\hi') }}.
            </p>
            <img src="{{ route('interventions.signature.image', $intervention) }}"
                 alt="Signature de {{ $bon['signataire'] ?? '' }}"
                 class="mt-3 h-28 rounded-lg border border-slate-200 bg-white">
        @else
            <p class="rounded-lg bg-amber-50 px-4 py-3 text-sm text-amber-900">
                Aucune signature.
                {{ $bon['signature_impossible_motif'] ?? $intervention->signature_impossible_motif }}
            </p>
        @endif
        <p class="mt-3 text-sm text-slate-500">
            Ce bon reste interne. Il n'est jamais envoyé au client.
        </p>
    </div>

    <div class="carte mt-4">
        <h2 class="mb-1 font-semibold">Corrections</h2>
        <p class="mb-3 text-sm text-slate-500">
            Une correction s'ajoute ici. Elle ne modifie pas le bon signé au-dessus.
        </p>

        @forelse ($intervention->corrections as $correction)
            <div class="border-b border-slate-100 py-2 text-sm last:border-0">
                <p>{{ $correction->correction }}</p>
                <p class="text-slate-500">
                    {{ $correction->manager->name }},
                    le {{ $correction->created_at->translatedFormat('j F Y à H\hi') }}
                </p>
            </div>
        @empty
            <p class="text-sm text-slate-500">Aucune correction.</p>
        @endforelse

        <form method="POST" action="{{ route('archives.corrections', $intervention) }}"
              class="mt-3 flex flex-wrap items-end gap-3">
            @csrf
            <label class="min-w-48 flex-1"><span class="etiquette">Ajouter une correction</span>
                <input name="correction" required class="champ"></label>
            <button type="submit" class="bouton-secondaire">Enregistrer</button>
        </form>
    </div>

    @if ($intervention->photos->isNotEmpty())
        <div class="carte mt-4">
            <h2 class="mb-2 font-semibold">Photos prises sur place</h2>
            <div class="flex flex-wrap gap-2">
                @foreach ($intervention->photos as $photo)
                    <img src="{{ route('photos.montrer', $photo) }}" alt=""
                         class="size-28 rounded-lg object-cover">
                @endforeach
            </div>
        </div>
    @endif
@endsection