@props(['event'])

<div class="ws-card flex gap-5 p-5">
    {{-- Date badge --}}
    <div class="flex h-16 w-16 shrink-0 flex-col items-center justify-center rounded-2xl ws-primary-bg text-white">
        <span class="font-ws-heading text-2xl font-extrabold leading-none">{{ $event->event_date->format('j') }}</span>
        <span class="text-[10px] font-bold uppercase tracking-wider opacity-80">{{ $event->event_date->format('M') }}</span>
    </div>
    <div class="min-w-0 flex-1">
        <h3 class="font-ws-heading text-base font-bold leading-snug text-slate-900">
            @if ($detailLink ?? true)
                <a href="{{ tenant_url('public.event', [$websiteSchool->slug, $event->slug]) }}" class="hover:ws-primary-text">{{ $event->title }}</a>
            @else
                {{ $event->title }}
            @endif
        </h3>
        <ul class="mt-1.5 space-y-1 text-xs text-slate-500">
            <li class="flex items-center gap-1.5">
                <svg class="h-3.5 w-3.5 shrink-0 ws-secondary-text" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                {{ $event->event_date->format('l, F j, Y') . (($event->end_date && ! $event->end_date->isSameDay($event->event_date)) ? ' - ' . $event->end_date->format('M j') : '') }}
                @if ($event->event_time) &middot; {{ \Carbon\Carbon::parse($event->event_time)->format('g:i a') . ($event->end_time ? ' - ' . \Carbon\Carbon::parse($event->end_time)->format('g:i a') : '') }} @endif
            </li>
            @if ($event->location)
                <li class="flex items-center gap-1.5">
                    <svg class="h-3.5 w-3.5 shrink-0 ws-secondary-text" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/></svg>
                    {{ $event->location }}
                </li>
            @endif
        </ul>
    </div>
</div>