@php
    use App\Support\AppointmentsMonthCalendarPresenter;

    $calendarMonth = $calendarMonth ?? \App\Support\CalendarMonth::fromRequest(request());
    $appointmentsByDate = $appointmentsByDate ?? collect();
    $teamCalendarConfig = AppointmentsMonthCalendarPresenter::alpineConfig(
        $appointmentsByDate,
        auth()->id() !== null ? (int) auth()->id() : null,
    );
@endphp

<x-app-layout>
    <x-slot name="header">
        {{ $title ?? __('Events') }}
    </x-slot>

    <div
        class="py-4 px-3 sm:px-4 md:px-5"
        x-data="salesTeamCalendar(@js($teamCalendarConfig))"
        x-on:keydown.escape.window="onEscapeWindow()"
    >
        <x-flash-messages class="mb-4" />

        <div class="bg-white border border-gray-200 rounded-xl shadow-sm p-3 sm:p-4 relative w-full">
            <x-appointments-calendar-month-nav
                route-name="dashboard.company_documents.calendar.events"
                :calendar-month="$calendarMonth"
            />

            <x-appointments-month-calendar
                :calendar-month="$calendarMonth"
                :appointments-by-date="$appointmentsByDate"
                :use-meeting-with-label="true"
            />
        </div>
    </div>
</x-app-layout>