@php
    use App\Support\Money;

    // v3.8.6 §2d — CAUTIONS & RETENUES DE GARANTIE, ENFIN À LEUR PLACE.
    //
    // L'information était éclatée sur TROIS écrans : le montant immobilisé en bas de « Position
    // financière », la liste des fiches dans l'onglet « Vue d'ensemble », et la caution définitive
    // dans l'onglet « Dates clés ». Trois endroits pour une seule question — « qu'est-ce qui est
    // bloqué, et quand ça revient ? ». Rien n'est recalculé : les trois sources sont réunies.
    $etat = $getState();
    $cautions = $etat['cautions'];
    $immobilise = $etat['immobilise'];

    $dehors = collect($cautions)->filter(fn ($g): bool => $g->returned_at === null);
    $rendues = collect($cautions)->filter(fn ($g): bool => $g->returned_at !== null);
@endphp

<div class="space-y-4">
    {{-- Le chiffre qui compte, seul en haut : ce que ce marché retient de la trésorerie. --}}
    <div class="flex flex-wrap items-baseline gap-x-6 gap-y-2 rounded-xl border border-gray-200 bg-gray-50 p-4 dark:border-white/10 dark:bg-white/5">
        <div>
            <p class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400">
                Immobilisé aujourd'hui
            </p>
            <p @class([
                'mt-1 text-xl font-bold tabular-nums',
                'text-amber-700 dark:text-amber-400' => $immobilise > 0,
                'text-gray-500 dark:text-gray-400' => $immobilise == 0,
                'text-rose-700 dark:text-rose-400' => $immobilise < 0,
            ])>{{ Money::format($immobilise) }}</p>
        </div>
        <p class="flex-1 text-xs text-gray-500 dark:text-gray-400">
            @if ($immobilise > 0)
                Cet argent a <span class="font-medium">quitté le compte</span> et reviendra à la
                restitution. Ce n'est ni une charge, ni un coût du marché : il n'entre dans aucune
                marge.
            @elseif ($immobilise < 0)
                <span class="font-medium text-amber-700 dark:text-amber-400">Un immobilisé négatif
                n'existe pas.</span> Une restitution est rattachée à ce marché sans son dépôt :
                cherchez l'écriture manquante.
            @else
                Rien n'est bloqué sur ce marché à cette date.
            @endif
        </p>
    </div>

    @if ($dehors->isEmpty() && $rendues->isEmpty())
        <p class="py-4 text-center text-sm text-gray-400 dark:text-gray-500">
            Aucune caution ni retenue de garantie enregistrée pour ce marché.
        </p>
    @else
        @foreach ([['titre' => 'Encore dehors', 'lot' => $dehors], ['titre' => 'Restituées', 'lot' => $rendues]] as $groupe)
            @if ($groupe['lot']->isNotEmpty())
                <div>
                    <h4 class="mb-2 text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">
                        {{ $groupe['titre'] }} ({{ $groupe['lot']->count() }})
                    </h4>
                    {{-- Un tableau qui déborde à 390 px ne se lit pas : il défile dans SA boîte,
                         jamais la page entière. --}}
                    <div class="overflow-x-auto rounded-xl border border-gray-200 dark:border-white/10">
                        <table class="w-full min-w-[34rem] text-sm">
                            <thead class="bg-gray-50 text-left text-xs uppercase tracking-wide text-gray-500 dark:bg-white/5 dark:text-gray-400">
                                <tr>
                                    <th class="px-3 py-2 font-medium">Nature</th>
                                    <th class="px-3 py-2 font-medium">Constituée</th>
                                    <th class="px-3 py-2 font-medium">
                                        {{ $groupe['titre'] === 'Restituées' ? 'Restituée' : 'Retour attendu' }}
                                    </th>
                                    <th class="px-3 py-2 text-right font-medium">Bloqué</th>
                                    <th class="px-3 py-2 text-right font-medium">État</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-gray-100 dark:divide-white/5">
                                @foreach ($groupe['lot'] as $g)
                                    <tr>
                                        <td class="px-3 py-2 text-gray-700 dark:text-gray-200">
                                            {{ $g->type?->label() ?? $g->type }}
                                            @if ($g->mode)
                                                <span class="block text-xs text-gray-400">{{ $g->mode?->label() ?? $g->mode }}</span>
                                            @endif
                                        </td>
                                        <td class="whitespace-nowrap px-3 py-2 text-gray-600 dark:text-gray-300">
                                            {{ $g->issued_date?->format('d/m/Y') ?? '—' }}
                                        </td>
                                        <td class="whitespace-nowrap px-3 py-2 text-gray-600 dark:text-gray-300">
                                            {{ $g->returned_at?->format('d/m/Y') ?? $g->expected_return_date?->format('d/m/Y') ?? '—' }}
                                        </td>
                                        <td class="whitespace-nowrap px-3 py-2 text-right tabular-nums text-gray-900 dark:text-white">
                                            {{ Money::format($g->amount) }}
                                            @if ($g->required_amount !== null && (float) $g->required_amount !== (float) $g->amount)
                                                {{-- L'écart exigé/bloqué se voit, il ne se devine pas. --}}
                                                <span class="block text-xs font-normal text-gray-400">
                                                    exigé {{ Money::format($g->required_amount) }}
                                                </span>
                                            @endif
                                        </td>
                                        <td class="px-3 py-2 text-right">
                                            <x-filament::badge :color="$g->returned_at ? 'success' : 'warning'" class="inline-flex">
                                                {{ $g->status?->label() ?? ($g->returned_at ? 'Restituée' : 'Dehors') }}
                                            </x-filament::badge>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endif
        @endforeach
    @endif
</div>