@props([
    'day',              // required
    'calendars' => [],  // calendar palette keyed by id
])

<li
    data-day-number="{{ $day['label'] }}"
    data-event-count="{{ count($day['events'] ?? []) }}"
    @class([
        'day',
        'day--with-events' => !empty($day['events']),
        'day--current'     =>  $day['in_month'],
        'day--outside'     => !$day['in_month'],
        'day--today'       =>  $day['is_today'],
])>
    @foreach ($day['events'] as $event)
        @php
            $bg = $calendars[(string) $event['calendar_id']]['color'] ?? '#999';
        @endphp
    <a class="event" href="{{ format_event_url($event['id'], $event['calendar_id']) }}" style="--event-color: {{ $bg }}">
        <i class="indicator" aria-label="Calendar indicator"></i>
        <span class="title">{{ $event['title'] }}</span>
        <time>{{ $event['start_ui'] }}</time>
    </a>
    @endforeach
</li>