@extends('layouts.teacher')

@section('title', 'Available Teaching Slots · My Schedule · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="My Schedule"
            title="Available Teaching Slots"
            :meta="($slots['summary'] ? $slots['summary'].' · ' : '').'Windows when you can teach, with classes Super Admin has already placed. You cannot book yourself.'"
        >
            <x-slot:actions>
                <a href="{{ route('teacher.schedule.slots', ['week' => $prevWeek->toDateString()]) }}" class="btn mec-btn-secondary btn-md">Previous</a>
                <a href="{{ route('teacher.schedule.slots') }}" class="btn mec-btn-secondary btn-md">This week</a>
                <a href="{{ route('teacher.schedule.slots', ['week' => $nextWeek->toDateString()]) }}" class="btn mec-btn-secondary btn-md">Next</a>
            </x-slot:actions>
        </x-admin.page-header>

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

        @if (! $slots['has_availability'])
            <div class="card mec-panel mb-3">
                <div class="card-body">
                    <p class="mec-empty mb-0">No teaching windows are on file yet. Super Admin uses your availability when scheduling. You can note preferred days on your profile.</p>
                </div>
            </div>
        @endif

        <div class="mec-schedule-week">
            @foreach ($slots['days'] as $day)
                <section class="mec-schedule-day {{ $day['is_today'] ? 'is-today' : '' }}">
                    <header class="mec-schedule-day-head">
                        <p class="mb-0 fw-semibold">{{ $day['date']->format('D') }}</p>
                        <p class="mb-0 fs-13 text-muted">{{ $day['date']->format('j M') }}</p>
                    </header>
                    <div class="mec-schedule-day-body">
                        @forelse ($day['windows'] as $window)
                            <p class="fs-13 fw-semibold mb-2">{{ $window['opens']->format('g:i A') }} – {{ $window['closes']->format('g:i A') }}</p>
                            @foreach ($window['booked'] as $item)
                                @include('teacher.schedule.event', ['item' => $item])
                            @endforeach
                            @forelse ($window['free'] as $free)
                                <p class="mec-schedule-free mb-2">Free {{ $free['opens']->format('g:i A') }} – {{ $free['closes']->format('g:i A') }}</p>
                            @empty
                                @if ($window['booked']->isNotEmpty())
                                    <p class="fs-13 text-muted mb-0">This window is fully booked.</p>
                                @endif
                            @endforelse
                        @empty
                            @if ($day['items']->isNotEmpty())
                                @foreach ($day['items'] as $item)
                                    @include('teacher.schedule.event', ['item' => $item])
                                @endforeach
                            @else
                                <p class="mec-empty mb-0">No window this day</p>
                            @endif
                        @endforelse
                    </div>
                </section>
            @endforeach
        </div>
    </div>
@endsection