@extends('layouts.teacher')

@section('title', 'Calendar · My Schedule · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="My Schedule"
            title="Calendar"
            :meta="$calendar['month']->format('F Y').' · A month view of the classes assigned to you.'"
        >
            <x-slot:actions>
                <a href="{{ route('teacher.schedule.calendar', ['month' => $calendar['prev']->format('Y-m')]) }}" class="btn mec-btn-secondary btn-md">Previous</a>
                <a href="{{ route('teacher.schedule.calendar') }}" class="btn mec-btn-secondary btn-md">This month</a>
                <a href="{{ route('teacher.schedule.calendar', ['month' => $calendar['next']->format('Y-m')]) }}" class="btn mec-btn-secondary btn-md">Next</a>
            </x-slot:actions>
        </x-admin.page-header>

        @include('teacher.schedule.nav', ['section' => $section])

        <div class="card mec-panel">
            <div class="card-body p-0">
                <div class="mec-schedule-cal">
                    <div class="mec-schedule-cal-weekdays">
                        @foreach (['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] as $label)
                            <div>{{ $label }}</div>
                        @endforeach
                    </div>
                    @foreach ($calendar['weeks'] as $week)
                        <div class="mec-schedule-cal-row">
                            @foreach ($week as $day)
                                <div class="mec-schedule-cal-day {{ $day['in_month'] ? '' : 'is-outside' }} {{ $day['is_today'] ? 'is-today' : '' }}">
                                    <p class="mec-schedule-cal-date mb-1">{{ $day['date']->format('j') }}</p>
                                    @foreach ($day['items']->take(3) as $item)
                                        @php $session = $item instanceof \App\Models\LessonSession ? $item : null; @endphp
                                        <a class="mec-schedule-cal-item" href="{{ $session ? route('teacher.live.show', $session) : ($item->lesson ? route('teacher.lessons.show', $item->lesson) : '#') }}">
                                            {{ \App\Support\TeacherSchedule::startsAt($item)?->format('g:i A') }}
                                            {{ $session?->displayTitle() ?? $item->lesson?->studentDisplayName() }}
                                        </a>
                                    @endforeach
                                    @if ($day['items']->count() > 3)
                                        <p class="fs-12 text-muted mb-0">+{{ $day['items']->count() - 3 }} more</p>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@endsection