{{-- Carte de formation réutilisable --}}
@php
    $levelColors = [
        'debutant' => 'bg-emerald-50 text-emerald-700 ring-emerald-600/20',
        'confirme' => 'bg-amber-50 text-amber-700 ring-amber-600/20',
        'expert' => 'bg-rose-50 text-rose-700 ring-rose-600/20',
    ];
    $badge = $levelColors[$formation->level] ?? 'bg-slate-50 text-slate-600 ring-slate-200';
    $days = rtrim(rtrim(number_format((float) $formation->duration_days, 1, ',', ' '), '0'), ',');
@endphp
<a href="{{ route('catalogue.show', $formation) }}"
   class="group flex flex-col rounded-2xl border border-slate-200 bg-white p-6 shadow-sm transition hover:-translate-y-1 hover:shadow-xl hover:shadow-slate-200/60">
    <div class="flex items-center justify-between">
        @if ($formation->code)
            <span class="rounded-lg bg-brand-600 px-2.5 py-1 text-xs font-bold text-white">{{ $formation->code }}</span>
        @else
            <span></span>
        @endif
        <span class="rounded-full px-2.5 py-1 text-xs font-semibold ring-1 {{ $badge }}">{{ $formation->levelLabel() }}</span>
    </div>
    <h3 class="mt-4 font-bold leading-snug text-slate-900 group-hover:text-brand-700">{{ $formation->title }}</h3>
    <p class="mt-2 flex-1 text-sm leading-relaxed text-slate-600">{{ $formation->summary }}</p>
    <div class="mt-5 flex items-center justify-between border-t border-slate-100 pt-4">
        <span class="text-sm text-slate-500">{{ $days }} jour{{ $days > 1 ? 's' : '' }}</span>
        <span class="text-sm font-bold text-slate-900">
            {{ number_format((float) $formation->price, 0, ',', ' ') }} {{ $formation->currency }}
        </span>
    </div>
</a>