@php $presentiel = $slot->isPresentiel(); @endphp
<div class="mb-3 flex items-center gap-4 rounded-2xl border border-gray-200 bg-white p-4 shadow-sm">
    {{-- Pastille date --}}
    <div class="flex h-14 w-14 flex-none flex-col items-center justify-center rounded-xl {{ $presentiel ? 'bg-brand-50 text-brand-700' : 'bg-accent-50 text-accent-700' }}">
        <span class="text-lg font-extrabold leading-none">{{ $slot->date->format('d') }}</span>
        <span class="text-[11px] font-semibold uppercase">{{ $slot->date->translatedFormat('M') }}</span>
    </div>

    <div class="min-w-0 flex-1">
        <div class="font-semibold text-gray-900">
            {{ $slot->session?->formation?->title ?? 'Séance' }}
            @if ($slot->title)<span class="font-normal text-gray-500">— {{ $slot->title }}</span>@endif
        </div>
        <div class="mt-0.5 text-sm text-gray-500">
            {{ $slot->date->translatedFormat('l') }} · {{ $slot->timeRange() }}
            @if ($presentiel)
                · {{ $slot->salle?->name ?? 'présentiel' }}@if ($slot->salle?->site) ({{ $slot->salle->site }})@endif
            @else
                · visio
            @endif
            @if ($slot->formateur) · {{ $slot->formateur->name }}@endif
        </div>
    </div>

    {{-- Badge mode / lien visio --}}
    @if ($presentiel)
        <span class="rounded-full bg-brand-50 px-3 py-1 text-xs font-semibold text-brand-700">Présentiel</span>
    @elseif ($slot->meeting_url)
        <a href="{{ $slot->meeting_url }}" target="_blank" rel="noopener" class="rounded-full bg-accent-500 px-3 py-1 text-xs font-semibold text-white transition hover:bg-accent-600">Rejoindre en visio</a>
    @else
        <span class="rounded-full bg-accent-50 px-3 py-1 text-xs font-semibold text-accent-700">Visio</span>
    @endif
</div>