@props([
    'month' => null,
    'year' => null,
    'events' => [],
])

@php
    $month = $month ?? now()->month;
    $year = $year ?? now()->year;
    $daysInMonth = cal_days_in_month(CAL_GREGORIAN, $month, $year);
    $firstDayOfWeek = (int) date('N', mktime(0, 0, 0, $month, 1, $year));
    $today = now()->day;
    $isCurrentMonth = now()->month === $month && now()->year === $year;
    $dayHeaders = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
@endphp

<x-ui.card :title="date('F Y', mktime(0, 0, 0, $month, 1, $year))" {{ $attributes }}>
    <div class="bv-calendar-card__grid">
        @foreach($dayHeaders as $header)
            <div class="bv-calendar-card__day-header">{{ $header }}</div>
        @endforeach

        @for($i = 1; $i < $firstDayOfWeek; $i++)
            <div class="bv-calendar-card__day" aria-hidden="true"></div>
        @endfor

        @for($day = 1; $day <= $daysInMonth; $day++)
            @php
                $classes = collect(['bv-calendar-card__day']);
                if ($isCurrentMonth && $day === $today) $classes->push('is-today');
                if (in_array($day, $events)) $classes->push('is-event');
            @endphp
            <div class="{{ $classes->implode(' ') }}" aria-label="Day {{ $day }}">{{ $day }}</div>
        @endfor
    </div>
</x-ui.card>