@php
    // Le récapitulatif est recalculé à chaque rendu du formulaire : il suit
    // donc les lignes en temps réel, sans qu'il faille enregistrer.
    $t = \App\Filament\Support\TotauxDocument::calculer($get);
@endphp

<div class="rounded-xl border border-gray-200 bg-gray-50 p-4 dark:border-white/10 dark:bg-white/5">
    <div class="grid gap-4 md:grid-cols-2">
        <dl class="space-y-2 text-sm">
            <div class="flex items-center justify-between gap-4">
                <dt class="text-gray-600 dark:text-gray-300">Total hors taxes</dt>
                <dd class="font-medium tabular-nums">{{ dh($t['ht']) }}</dd>
            </div>
            <div class="flex items-center justify-between gap-4">
                <dt class="text-gray-600 dark:text-gray-300">TVA</dt>
                <dd class="font-medium tabular-nums">{{ dh($t['tva']) }}</dd>
            </div>
            <div class="flex items-center justify-between gap-4 border-t border-gray-200 pt-2 dark:border-white/10">
                <dt class="font-semibold text-gray-700 dark:text-gray-200">Total TTC</dt>
                <dd class="text-lg font-bold tabular-nums text-primary-600 dark:text-primary-400">{{ dh($t['ttc']) }}</dd>
            </div>
            @if ($t['avec_retenue'])
                <div class="flex items-center justify-between gap-4">
                    <dt class="text-gray-600 dark:text-gray-300">Retenue à la source</dt>
                    <dd class="font-medium tabular-nums text-danger-600 dark:text-danger-400">− {{ dh($t['retenue']) }}</dd>
                </div>
                <div class="flex items-center justify-between gap-4 border-t border-gray-200 pt-2 dark:border-white/10">
                    <dt class="font-semibold text-gray-700 dark:text-gray-200">Net à encaisser</dt>
                    <dd class="text-lg font-bold tabular-nums">{{ dh($t['net']) }}</dd>
                </div>
            @endif
        </dl>

        <div class="rounded-lg bg-white p-3 text-sm dark:bg-white/5">
            <div class="text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400">
                Montant en toutes lettres
            </div>
            <p class="mt-1 italic text-gray-700 dark:text-gray-200">{{ $t['lettres'] }}</p>
        </div>
    </div>
</div>