{{--
    Aperçu de l'échéancier recalculé en direct sous les champs de l'étape 4 :
    le même calcul que le générateur d'échéances, pour qu'aucune surprise
    n'apparaisse après la validation.
--}}
@php
    $apercu = $this->apercuEcheancier();
@endphp

<div class="rounded-xl border border-primary-200 bg-primary-50 p-4 dark:border-primary-500/30 dark:bg-primary-500/10">
    @if ($apercu['montant_ht'] <= 0)
        <p class="text-sm text-primary-800 dark:text-primary-300">
            Renseignez un montant HT par période pour voir l'échéancier qui sera créé.
        </p>
    @else
        <p class="text-sm font-semibold text-primary-900 dark:text-primary-200">
            {{ $apercu['nb'] }} échéance{{ $apercu['nb'] > 1 ? 's' : '' }}
            de {{ dh($apercu['montant_ht']) }} HT
            @if ($apercu['taux_tva'] > 0)
                — {{ dh($apercu['montant_ttc']) }} TTC
            @else
                — sans TVA
            @endif
            @if ($apercu['dates'] !== [])
                —
                @if (count($apercu['dates']) === 1)
                    le {{ $apercu['dates'][0] }}
                @else
                    les {{ implode(' et ', array_slice($apercu['dates'], 0, 6)) }}@if (count($apercu['dates']) > 6) …@endif
                @endif
            @endif
        </p>

        <p class="mt-1 text-sm text-primary-800 dark:text-primary-300">
            Total sur la durée du contrat&nbsp;:
            {{ dh($apercu['total_ht']) }} HT
            @if ($apercu['taux_tva'] > 0)
                · {{ dh($apercu['total_ttc']) }} TTC
            @endif
        </p>
    @endif
</div>