{{-- v4.26.0 §A1 — Le récap immobilisé, en tête de l'écran « Cautions ».
     Repris tel quel de l'ancienne page « Cautions — ce qui est immobilisé » : mêmes chiffres,
     même rapprochement, même écart affiché en clair. --}}
<div class="space-y-4">
    <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
        @foreach ($parType as $type => $montant)
            <x-filament::section>
                <x-slot name="heading">{{ $type }}</x-slot>
                <p class="text-2xl font-bold tabular-nums text-gray-900 dark:text-white">
                    {{ \App\Support\Money::format($montant) }}
                </p>
                <p class="text-xs text-gray-500 dark:text-gray-400">encore dehors</p>
            </x-filament::section>
        @endforeach

        <x-filament::section>
            <x-slot name="heading">Total immobilisé</x-slot>
            <p class="text-2xl font-bold tabular-nums text-primary-600 dark:text-primary-400">
                {{ \App\Support\Money::format($total) }}
            </p>
            <p class="text-xs text-gray-500 dark:text-gray-400">argent sorti et pas encore revenu</p>
        </x-filament::section>
    </div>

    <x-filament::section>
        <x-slot name="heading">Rapprochement avec le journal de trésorerie</x-slot>
        <x-slot name="description">
            Deux sources doivent dire la même chose. Tant qu'elles divergent, l'écart est affiché ici
            plutôt que tu. Pour le résorber : <code>php artisan gestion:rapprocher-cautions</code>.
        </x-slot>

        <div class="flex flex-wrap items-center gap-x-6 gap-y-2 text-sm">
            <span>Module : <strong class="tabular-nums">{{ \App\Support\Money::format($total) }}</strong></span>
            <span class="text-gray-400">/</span>
            <span>
                Journal : <strong class="tabular-nums">{{ \App\Support\Money::format($journal) }}</strong>
                <span class="text-xs text-gray-500 dark:text-gray-400">
                    ({{ \App\Support\Money::format($journalProvisoires) }} provisoires
                    + {{ \App\Support\Money::format($journalDefinitives) }} définitives)
                </span>
            </span>
            <span class="text-gray-400">/</span>
            @if (abs($ecart) < 0.01)
                <span class="rounded-full bg-success-100 px-3 py-1 text-xs font-medium text-success-700 dark:bg-success-500/20 dark:text-success-300">
                    Écart nul — les deux sources concordent
                </span>
            @else
                <span class="rounded-full bg-danger-100 px-3 py-1 text-xs font-medium text-danger-700 dark:bg-danger-500/20 dark:text-danger-300">
                    Écart : {{ \App\Support\Money::format($ecart) }}
                </span>
            @endif
        </div>
    </x-filament::section>
</div>