@props(['size' => 'full'])
@php
    use Carbon\Carbon;

    $events = collect($data['ical'] ?? [])
        ->map(function (array $event): array {
            $start = null;
            $end = null;

            try {
                $start = isset($event['DTSTART']) ? Carbon::parse($event['DTSTART'])->setTimezone(config('app.timezone')) : null;
            } catch (Exception $e) {
                $start = null;
            }

            try {
                $end = isset($event['DTEND']) ? Carbon::parse($event['DTEND'])->setTimezone(config('app.timezone')) : null;
            } catch (Exception $e) {
                $end = null;
            }

            return [
                'summary' => $event['SUMMARY'] ?? 'Untitled event',
                'location' => $event['LOCATION'] ?? null,
                'start' => $start,
                'end' => $end,
            ];
        })
        ->filter(fn ($event) => $event['start'])
        ->sortBy('start')
        ->take($size === 'quadrant' ? 5 : 8)
        ->values();
@endphp

<x-trmnl::view size="{{$size}}">
    <x-trmnl::layout class="layout--col gap--small">
        <x-trmnl::table>
            <thead>
            <tr>
                <th>
                    <x-trmnl::title>Date</x-trmnl::title>
                </th>
                <th>
                    <x-trmnl::title>Time</x-trmnl::title>
                </th>
                <th>
                    <x-trmnl::title>Event</x-trmnl::title>
                </th>
                <th>
                    <x-trmnl::title>Location</x-trmnl::title>
                </th>
            </tr>
            </thead>
            <tbody>
            @forelse($events as $event)
                <tr>
                    <td>
                        <x-trmnl::label>{{ $event['start']?->format('D, M j') }}</x-trmnl::label>
                    </td>
                    <td>
                        <x-trmnl::label>
                            {{ $event['start']?->format('H:i') }}
                            @if($event['end'])
                                – {{ $event['end']->format('H:i') }}
                            @endif
                        </x-trmnl::label>
                    </td>
                    <td>
                        <x-trmnl::label variant="primary">{{ $event['summary'] }}</x-trmnl::label>
                    </td>
                    <td>
                        <x-trmnl::label variant="inverted">{{ $event['location'] ?? '—' }}</x-trmnl::label>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="4">
                        <x-trmnl::label>No events available</x-trmnl::label>
                    </td>
                </tr>
            @endforelse
            </tbody>
        </x-trmnl::table>
    </x-trmnl::layout>

    <x-trmnl::title-bar title="Public Holidays" instance="updated: {{ now()->format('M j, H:i') }}"/>
</x-trmnl::view>