{{--
    Historique de la commande, geste par geste (Annulation::historiqueCommande).

    Un geste = une requete : l'envoi au laquage y apparait d'un bloc, passage
    cree et commande modifiee ensemble, et « Annuler » les defait ensemble.
    Depuis la fiche, seule la part qui touche cette commande se defait : un
    scan de trente commandes ne revient pas en arriere pour une seule ligne.

    Les trois derniers gestes sont affiches, les autres se deroulent. Pas de
    carte ni de titre : la fiche le range dans son onglet « Historique ».

    Variables : $historique, $commandeId.
--}}
@php
    $moi = auth()->user();
    $peutModifier = $moi?->can('commandes.edit');

    $valeur = function ($v) {
        if ($v === null || $v === '') {
            return '—';
        }
        if (is_bool($v)) {
            return $v ? __('Oui') : __('Non');
        }
        if (is_array($v)) {
            return json_encode($v, JSON_UNESCAPED_UNICODE);
        }
        // Dates brutes de la base : 2026-09-20 ou 2026-09-20 00:00:00.
        if (is_string($v) && preg_match('/^(\d{4})-(\d{2})-(\d{2})(?: 00:00:00)?$/', $v, $m)) {
            return "$m[3]/$m[2]/$m[1]";
        }

        return (string) $v;
    };

    $actions = [
        'created'  => __('ajout'),
        'deleted'  => __('suppression'),
        'restored' => __('restauration'),
    ];
@endphp

<div class="fiche-historique">
    @forelse ($historique as $geste)
        @php
            $auteur = $geste['auteur']
                ? trim(($geste['auteur']->prenom ?? '') . ' ' . ($geste['auteur']->nom ?? ''))
                : null;
            $peutAnnuler = $geste['annulable']
                && ($peutModifier || ($geste['auteur'] && $moi && $geste['auteur']->id === $moi->id));
            // Le resume de ce que l'annulation remettra, pour la confirmation.
            $aRemettre = collect($geste['lignes'])
                ->where('action', 'updated')
                ->flatMap(fn ($l) => collect($l['champs'])->map(fn ($av, $champ) => $champ . ' ' . $valeur($av[0])))
                ->take(6)
                ->implode(', ');
        @endphp

        @if ($loop->index === 3)
            <div class="collapse" id="historique-suite">
        @endif

        <div class="historique-geste border-top py-2 {{ $geste['annule'] ? 'opacity-75' : '' }}">
            <div class="d-flex flex-wrap align-items-start gap-2">
                <div class="flex-grow-1" style="min-width: 0">
                    <div class="small text-muted">
                        {{ $geste['date']?->format('d/m/Y H:i') }}
                        @if ($auteur)
                            · {{ $auteur }}
                        @endif
                        @if ($geste['annulation'])
                            <span class="badge bg-secondary ms-1">{{ __('Annulation') }}</span>
                        @elseif ($geste['annule'])
                            <span class="badge bg-warning text-dark ms-1">{{ __('Annulé') }}</span>
                        @endif
                    </div>

                    @foreach ($geste['lignes'] as $ligne)
                        @if ($ligne['action'] === 'updated')
                            <div class="small">
                                @if ($ligne['quoi'] !== __('commande'))
                                    <span class="text-muted">{{ ucfirst($ligne['quoi']) }} :</span>
                                @endif
                                @foreach ($ligne['champs'] as $champ => [$avant, $apres])
                                    <span class="text-nowrap">
                                        {{ $champ }}
                                        <span class="text-decoration-line-through text-muted">{{ $valeur($avant) }}</span>
                                        <i class="bi bi-arrow-right"></i> {{ $valeur($apres) }}
                                    </span>@if (!$loop->last) · @endif
                                @endforeach
                            </div>
                        @else
                            {{-- Lesquels : les ajouts d'un meme geste tiennent en une
                                 ligne qui les nomme (Annulation::regrouper). --}}
                            @php
                                $nombre = $ligne['nombre'] ?? 1;
                                $noms = $ligne['noms'] ?? [];
                                $quoi = $nombre > 1
                                    ? $nombre . ' ' . preg_replace('/^(\S+)/u', '$1s', $ligne['quoi'])
                                    : $ligne['quoi'];
                            @endphp
                            <div class="small">
                                {{ ucfirst($actions[$ligne['action']] ?? $ligne['action']) }} : {{ $quoi }}@if ($noms)
                                    {{ $nombre > 1 ? '—' : '' }} <span class="fw-semibold">{{ implode(', ', $noms) }}</span>
                                @endif
                            </div>
                        @endif
                    @endforeach
                </div>

                @if ($peutAnnuler)
                    <form method="POST" action="{{ route('historique.annuler', $geste['lot']) }}" class="m-0"
                        onsubmit="return confirm(this.dataset.confirmation)"
                        data-confirmation="{{ $aRemettre !== ''
                            ? __('Remettre :valeurs sur la commande :id ?', ['valeurs' => $aRemettre, 'id' => $commandeId])
                            : __('Annuler cette modification sur la commande :id ?', ['id' => $commandeId]) }}">
                        @csrf
                        <input type="hidden" name="commande" value="{{ $commandeId }}">
                        <button type="submit" class="btn btn-sm btn-outline-secondary text-nowrap">
                            <i class="bi bi-arrow-counterclockwise"></i> {{ __('Annuler') }}
                        </button>
                    </form>
                @endif
            </div>
        </div>

        @if ($loop->last && $loop->count > 3)
            </div>
            <button type="button" class="btn btn-link btn-sm px-0 mt-1" data-bs-toggle="collapse"
                data-bs-target="#historique-suite" aria-expanded="false" aria-controls="historique-suite">
                {{ __('Voir les :n modifications précédentes', ['n' => $loop->count - 3]) }}
            </button>
        @endif
    @empty
        <p class="text-muted mb-0">{{ __('Aucune modification enregistrée.') }}</p>
    @endforelse
</div>