{{--
    Les écritures qui fondent une prévision.

    Une prévision qu'on ne peut pas remonter jusqu'à ses opérations n'est pas
    une prévision : c'est une affirmation. Chaque ligne du journal est ici, avec
    son mois, sa date, son compte et son montant, dans l'ordre où on la
    vérifie — la plus récente en premier.
--}}
<div class="space-y-4">
    <div class="grid gap-3 sm:grid-cols-3">
        <div>
            <div class="text-xs font-medium text-gray-500 dark:text-gray-400">Cadence observée</div>
            <div class="text-sm font-semibold">{{ ucfirst($serie['cadence']) }}</div>
        </div>
        <div>
            <div class="text-xs font-medium text-gray-500 dark:text-gray-400">Montant attendu (médiane)</div>
            <div class="text-sm font-semibold tabular-nums">{{ dh($serie['montant_attendu']) }}</div>
        </div>
        <div>
            <div class="text-xs font-medium text-gray-500 dark:text-gray-400">Passages observés</div>
            <div class="text-sm font-semibold tabular-nums">{{ $serie['occurrences'] ?? count($serie['mois']) }}</div>
        </div>
    </div>

    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="border-b border-gray-200 text-xs uppercase text-gray-500 dark:border-white/10 dark:text-gray-400">
                <tr>
                    <th class="py-2 text-left font-medium">Date</th>
                    <th class="py-2 text-left font-medium">Compte</th>
                    <th class="py-2 text-left font-medium">Libellé</th>
                    <th class="py-2 text-right font-medium">Montant</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100 dark:divide-white/5">
                @foreach ($operations as $operation)
                    <tr>
                        <td class="py-2 tabular-nums">{{ $operation->date?->format('d/m/Y') ?? '—' }}</td>
                        <td class="py-2">{{ $operation->account?->name ?? '—' }}</td>
                        <td class="py-2 text-gray-600 dark:text-gray-300">
                            {{ \Illuminate\Support\Str::limit($operation->note ?: ($operation->tier_label ?: '—'), 60) }}
                        </td>
                        <td class="py-2 text-right font-medium tabular-nums">{{ dh($operation->amount_ttc) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>