@extends('layouts.app')

@section('title', 'Emploi du temps — ' . $class->name)
@section('heading', 'Emploi du temps — ' . $class->name)
@section('subheading', $slots->count() . ' créneau(x) par semaine')

@section('content')
    <div class="mb-3 d-flex gap-2 flex-wrap no-print">
        @can('viewAny', \App\Models\TimetableSlot::class)
            <a href="{{ route('timetable.index') }}" class="btn btn-sm btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i>Toutes les classes
            </a>
        @else
            <a href="{{ auth()->user()->role === \App\Enums\UserRole::Student ? route('student-portal.index') : route('family.index') }}"
               class="btn btn-sm btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i>Retour
            </a>
        @endcan
        @if ($slots->isNotEmpty())
            <button type="button" class="btn btn-sm btn-primary" onclick="window.print()">
                <i class="bi bi-printer me-1"></i>Imprimer
            </button>
        @endif
    </div>

    <div class="row g-3">
        <div class="col-lg-{{ $canManage ? '8' : '12' }}">
            <div class="card">
                <div class="card-header bg-white fw-semibold d-print-none">
                    <i class="bi bi-calendar-week me-2"></i>Semaine type
                </div>
                <div class="d-none d-print-block p-3">
                    <div class="h5 mb-0">{{ $class->school->name }} — {{ $class->name }}</div>
                    <div class="small text-secondary">Emploi du temps {{ $class->academicYear->name }}</div>
                </div>
                @include('timetable.partials.grid', ['grid' => $grid, 'weekdays' => $weekdays, 'canManage' => $canManage, 'class' => $class])
            </div>
        </div>

        @if ($canManage)
            <div class="col-lg-4 no-print">
                <div class="card">
                    <div class="card-header bg-white fw-semibold">
                        <i class="bi bi-plus-lg me-2"></i>Ajouter un créneau
                    </div>
                    <div class="card-body">
                        @if ($subjects->isEmpty())
                            <p class="small text-secondary mb-0">
                                Aucune matière dans cette classe : appliquez d'abord le programme depuis la fiche de la classe.
                            </p>
                        @else
                            <form method="POST" action="{{ route('timetable.store', $class) }}" novalidate>
                                @csrf
                                <div class="mb-3">
                                    <label for="cs" class="form-label">Matière <span class="text-danger">*</span></label>
                                    <select id="cs" name="class_subject_id" class="form-select @error('class_subject_id') is-invalid @enderror" required>
                                        @foreach ($subjects as $cs)
                                            <option value="{{ $cs->id }}" @selected(old('class_subject_id') === $cs->id)>
                                                {{ $cs->subject->name }}{{ $cs->teacher ? ' — ' . $cs->teacher->fullName() : ' (sans professeur)' }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('class_subject_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                </div>

                                <div class="mb-3">
                                    <label for="weekday" class="form-label">Jour <span class="text-danger">*</span></label>
                                    <select id="weekday" name="weekday" class="form-select" required>
                                        @foreach ($weekdays as $n => $label)
                                            <option value="{{ $n }}" @selected((int) old('weekday', 1) === $n)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="row g-2 mb-3">
                                    <div class="col-6">
                                        <label for="starts_at" class="form-label">Début <span class="text-danger">*</span></label>
                                        <input id="starts_at" name="starts_at" type="time" class="form-control @error('starts_at') is-invalid @enderror"
                                               value="{{ old('starts_at', '08:00') }}" step="300" required>
                                        @error('starts_at') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                    </div>
                                    <div class="col-6">
                                        <label for="ends_at" class="form-label">Fin <span class="text-danger">*</span></label>
                                        <input id="ends_at" name="ends_at" type="time" class="form-control @error('ends_at') is-invalid @enderror"
                                               value="{{ old('ends_at', '09:00') }}" step="300" required>
                                        @error('ends_at') <div class="invalid-feedback">{{ $message }}</div> @enderror
                                    </div>
                                </div>

                                <div class="mb-3">
                                    <label for="room" class="form-label">Salle</label>
                                    <input id="room" name="room" type="text" class="form-control" value="{{ old('room') }}" maxlength="50" placeholder="Ex. Salle 3">
                                </div>

                                <button type="submit" class="btn btn-primary w-100"><i class="bi bi-check-lg me-1"></i>Ajouter</button>
                            </form>
                        @endif
                    </div>
                    <div class="card-footer bg-white small text-secondary">
                        Un créneau est refusé si la classe a déjà cours à cette heure, ou si le
                        professeur est déjà dans une autre classe.
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection