@props([
    'calendarMonth',
    'appointmentsByDate',
    'visiblePerDay' => 5,
    'useMeetingWithLabel' => false,
])

@php
    $calendarMonth = $calendarMonth instanceof \App\Support\CalendarMonth
        ? $calendarMonth
        : \App\Support\CalendarMonth::fromRequest(request());
    $grid = $calendarMonth->grid();
    $calendarCells = $grid['cells'];
    $todayDay = $calendarMonth->todayDay();
    $weekdays = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
    $appointmentsByDate = $appointmentsByDate ?? collect();
    $useMeetingWithLabel = (bool) $useMeetingWithLabel;

    $salesmanInitials = \App\Models\Appointment::salesmanInitials(...);
    $calendarViewerId = auth()->id() !== null ? (int) auth()->id() : null;
    $appointmentTooltip = static fn (\App\Models\Appointment $appointment): string => \App\Support\AppointmentsMonthCalendarPresenter::appointmentTooltip(
        $appointment,
        $calendarViewerId,
    );
    $chipPersonLabel = static fn (\App\Models\Appointment $appointment): string => \App\Support\AppointmentsMonthCalendarPresenter::chipPersonLabel(
        $appointment,
        $useMeetingWithLabel,
        $calendarViewerId,
    );

    $salesmanColorPalette = [
        'text-blue-700',
        'text-violet-700',
        'text-teal-700',
        'text-amber-700',
        'text-rose-700',
        'text-indigo-700',
        'text-cyan-700',
        'text-fuchsia-700',
        'text-lime-700',
        'text-orange-700',
    ];

    $salesmanColorClass = static function (?\App\Models\User $user) use ($salesmanColorPalette): string {
        if ($user === null) {
            return 'text-gray-600';
        }

        return $salesmanColorPalette[(int) $user->id % count($salesmanColorPalette)];
    };
@endphp

<div class="space-y-2 sm:space-y-3 w-full relative">
    <div class="grid grid-cols-7 gap-1.5 sm:gap-2 text-xs sm:text-sm font-semibold uppercase tracking-wide text-gray-500">
        @foreach ($weekdays as $dayLabel)
            <div class="text-center py-1 truncate">
                {{ $dayLabel }}
            </div>
        @endforeach
    </div>

    <div class="grid grid-cols-7 gap-1.5 sm:gap-2 w-full">
        @foreach ($calendarCells as $day)
            @if ($day === null)
                <div class="min-h-[5.5rem] sm:min-h-[6.5rem] w-full rounded-lg" aria-hidden="true"></div>
            @else
                @php
                    $dateKey = $calendarMonth->date->copy()->day($day)->format('Y-m-d');
                    $dayAppointments = $appointmentsByDate->get($dateKey, collect());
                    $isToday = $todayDay !== null && $day === $todayDay;
                    $visibleAppointments = $dayAppointments->take($visiblePerDay);
                    $moreCount = max(0, $dayAppointments->count() - $visiblePerDay);
                    $cellClasses = $isToday
                        ? 'ring-2 ring-[var(--dealer-accent-color)] bg-red-50 border-[var(--dealer-accent-color)]'
                        : 'border-gray-200 bg-gray-50';
                    $dayNumberClasses = $isToday
                        ? 'text-[var(--dealer-accent-color)] font-bold'
                        : 'text-gray-700 font-semibold';
                @endphp
                <div
                    class="relative min-h-[5.5rem] sm:min-h-[6.5rem] w-full flex flex-col rounded-lg border p-1.5 sm:p-2 overflow-hidden {{ $cellClasses }}"
                >
                    <span class="text-xs sm:text-sm leading-none shrink-0 mb-1 {{ $dayNumberClasses }}">
                        {{ $day }}
                    </span>

                    @if ($dayAppointments->isNotEmpty())
                        <div class="min-h-0 flex-1 flex flex-col gap-0.5 overflow-hidden">
                            @foreach ($visibleAppointments as $appointment)
                                @php
                                    $chipSalesman = $appointment->user;
                                    $chipInitials = $chipSalesman ? $salesmanInitials($chipSalesman) : '?';
                                    $chipSalesmanColor = $chipSalesman ? $salesmanColorClass($chipSalesman) : 'text-gray-600';
                                    $chipTime = $appointment->appointment_datetime?->format('H:i') ?? '';
                                    $chipLead = $chipPersonLabel($appointment);
                                @endphp
                                <div
                                    class="flex items-center gap-0.5 min-w-0 truncate rounded border border-gray-200/80 bg-white px-1.5 py-0.5 text-[10px] sm:text-xs leading-tight text-gray-800 shadow-sm"
                                    title="{{ $appointmentTooltip($appointment) }}"
                                >
                                    @if ($appointment->isCompleted())
                                        <span class="shrink-0 font-bold text-green-600" aria-label="Completed">✓</span>
                                    @elseif ($appointment->isMissed())
                                        <span class="shrink-0 font-bold text-red-600" aria-label="Missed">✕</span>
                                    @elseif ($appointment->isNoShow())
                                        <span class="shrink-0 font-bold text-yellow-500" aria-label="No show">?</span>
                                    @endif
                                    <span class="truncate min-w-0">
                                        <span class="text-gray-900">{{ $chipTime }}</span><span class="text-gray-500"> · </span><span class="font-bold {{ $chipSalesmanColor }}">{{ $chipInitials }}</span>
                                        @if ($appointment->isProspectingVisit())
                                            <span class="text-gray-500"> · </span><span class="font-medium text-indigo-700">Prospecting</span>
                                        @elseif ($appointment->displaySubtext())
                                            <span class="text-gray-500"> · </span><span>{{ $appointment->displaySubtext() }}</span>
                                        @endif
                                        @if ($chipLead !== '')
                                            <span class="text-gray-500"> · </span><span>{{ $chipLead }}</span>
                                        @endif
                                    </span>
                                </div>
                            @endforeach
                            <button
                                type="button"
                                class="origin-left text-left text-[10px] sm:text-xs font-medium text-gray-500 leading-none w-full cursor-pointer transition-[transform,color] duration-150 ease-out hover:scale-110 hover:text-black hover:underline focus:outline-none"
                                title="View all appointments on this day"
                                @click.stop="openDayAppointmentsModal('{{ $dateKey }}')"
                            >
                                @if ($moreCount > 0)
                                    +{{ $moreCount }} more
                                @else
                                    More
                                @endif
                            </button>
                        </div>
                    @endif
                </div>
            @endif
        @endforeach
    </div>

    <x-dashboard-calendar-day-appointments-modal />
</div>