@props(['event', 'compact' => false])
@if($compact)
    <a href="{{ url('/evenement/'.$event['ref'].'-'.$event['slug']) }}" class="row" style="gap:14px;padding:12px 0;border-bottom:1px solid var(--line-soft)">
        <span class="event-date">
            <span class="d">{{ date('j', $event['start']) }}</span>
            <span class="m">{{ mb_substr(\App\Support\Dates::jourFr($event['start']), mb_strrpos(\App\Support\Dates::jourFr($event['start']), ' ') + 1, 4) }}</span>
        </span>
        <span style="min-width:0">
            <span class="fiche-title clamp-2" style="min-height:0;display:block">{{ $event['title'] }}</span>
            <span class="small muted"><x-icon name="pin" style="width:13px;height:13px;display:inline"/> {{ $event['lieu'] }}, {{ $event['ville'] }}</span>
        </span>
    </a>
@else
    <a href="{{ url('/evenement/'.$event['ref'].'-'.$event['slug']) }}" class="card card-hover fiche">
        <x-media :icon="$event['icon']" :seed="$event['seed']" :url="$event['cover']" :alt="$event['title']"
                 ratio="wide" :badges="[['label' => $event['category']['name'], 'class' => 'badge-dark']]"/>
        <div class="fiche-body">
            <span class="row-center" style="gap:8px">
                <x-icon name="calendar" style="width:15px;height:15px;color:var(--orange-600)"/>
                <span class="small strong">{{ $event['jour'] }} · {{ $event['heure'] }}</span>
            </span>
            <span class="fiche-title clamp-2">{{ $event['title'] }}</span>
            <span class="fiche-meta"><x-icon name="pin"/> {{ $event['lieu'] }}, {{ $event['ville'] }}</span>
            <span class="fiche-foot">
                <span class="badge {{ $event['gratuit'] ? 'badge-green' : 'badge-soft' }}">{{ $event['tarif'] }}</span>
                <span>{{ $event['interets'] }} intéressés</span>
            </span>
        </div>
    </a>
@endif