@extends('layouts.teacher')

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

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="My Schedule"
            title="This Week"
            :meta="$week['start']->format('j M').' – '.$week['end']->format('j M Y').' · Your assigned class times for the week.'"
        >
            <x-slot:actions>
                <a href="{{ route('teacher.schedule.week', ['week' => $prevWeek->toDateString()]) }}" class="btn mec-btn-secondary btn-md">Previous</a>
                <a href="{{ route('teacher.schedule.week') }}" class="btn mec-btn-secondary btn-md">This week</a>
                <a href="{{ route('teacher.schedule.week', ['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])

        <div class="mec-schedule-week">
            @foreach ($week['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['items'] as $item)
                            @include('teacher.schedule.event', ['item' => $item])
                        @empty
                            <p class="mec-empty mb-0">No class</p>
                        @endforelse
                    </div>
                </section>
            @endforeach
        </div>
    </div>
@endsection