{{-- Étape 2 de l'assistant : ce qui reste dû à la date d'effet, ligne par ligne. --}}
<div class="space-y-2 text-sm">
    @if ($effet)
        <div class="font-semibold">Ce qui reste dû au {{ $effet->format('d/m/Y') }}</div>
    @endif

    @forelse (((($avecLignes ?? true) ? $reste['lignes'] : [])) as $ligne)
        <div class="flex flex-wrap items-center justify-between gap-2 rounded-lg border border-gray-200 px-3 py-2 dark:border-white/10">
            <div class="min-w-0">
                <div @class(['font-medium', 'line-through text-gray-400' => $ligne['type'] === 'annule'])>{{ $ligne['libelle'] }}</div>
                <div class="text-xs text-gray-500">{{ $ligne['detail'] }}</div>
            </div>
            <div class="text-end tabular-nums">
                @switch($ligne['type'])
                    @case('du')
                        <span class="text-xs text-gray-500">Dû en entier</span>
                        <span class="ms-2 font-semibold">{{ dh($ligne['du']) }}</span>
                        @break
                    @case('cheval')
                        <span class="text-xs text-gray-500">{{ ['entier' => 'Entier', 'prorata' => 'Prorata', 'rien' => 'Rien'][$ligne['choix']] ?? '' }}</span>
                        <span class="ms-2 font-semibold">{{ dh($ligne['du']) }}</span>
                        <span class="ms-1 text-xs text-gray-400">/ {{ dh($ligne['montant']) }}</span>
                        @break
                    @case('facturee')
                        <span class="rounded bg-warning-100 px-1.5 py-0.5 text-xs text-warning-800 dark:bg-warning-500/10 dark:text-warning-300">avoir à faire</span>
                        <span class="ms-2 font-semibold">{{ dh($ligne['montant']) }}</span>
                        @break
                    @default
                        <span class="text-xs text-gray-500">Annulé</span>
                        <span class="ms-2 text-gray-400 line-through">{{ dh($ligne['montant']) }}</span>
                @endswitch
            </div>
        </div>
    @empty
        @if ($reste['lignes'] === [])
            <div class="text-gray-500">Aucune échéance non soldée : le dossier est à jour.</div>
        @endif
    @endforelse

    <div class="text-xs text-gray-500">
        Règle : prorata des mois entamés, pré-choisi sur l'échéance à cheval — modifiable ligne par ligne. Rien n'est annulé
        avant « Prononcer ». Une échéance déjà payée n'est jamais touchée et ne s'affiche pas ; une échéance déjà facturée
        n'est pas annulée : elle appelle un avoir.
    </div>

    <div class="flex flex-wrap justify-end gap-6 border-t border-gray-200 pt-2 dark:border-white/10">
        <div>Reste dû <span class="ms-1 text-base font-bold text-danger-600">{{ dh($reste['reste_du']) }}</span></div>
        <div>Annulé <span class="ms-1 text-base font-bold text-gray-500">{{ dh($reste['annule']) }}</span></div>
    </div>
</div>