@extends('layouts.app', ['title' => 'Administración · Gestionar cursada', 'pageClass' => 'page-admin'])

@section('content')
    @php
        $subject = $courseOffering;
        $career = $courseOffering->career;
    @endphp

    <section class="result-heading admin-page-head">
        <div>
            <p class="eyebrow">Administración</p>
            <h2>{{ $subject->name }}</h2>
            <p class="muted">{{ $career->code }} · {{ $subject->year_number }}° año · {{ $courseOffering->academic_year }}</p>
        </div>
        <div class="finder-actions">
            <a class="button-muted" href="{{ route('admin.course-offerings.index') }}">Volver a cursadas</a>
            <a class="button-muted" href="{{ route('course-offerings.attendance-import.create', ['courseOffering' => $courseOffering, 'month' => now()->format('Y-m')]) }}">Ir a asistencias</a>
        </div>
    </section>

    @include('admin.partials.nav', ['active' => 'course-offerings'])

    <section class="manage-stack">
        <article class="panel">
            <div class="result-heading">
                <div>
                    <p class="eyebrow">Horarios</p>
                    <h3>Días y bloques</h3>
                </div>
            </div>

            <form class="stack-form" method="POST" action="{{ route('admin.course-offerings.schedule-slots.store', $courseOffering) }}">
                @csrf
                <div class="schedule-builder-grid">
                    <label>
                        Día
                        <select name="day_of_week">
                            @foreach ($dayOptions as $dayValue => $dayLabel)
                                <option value="{{ $dayValue }}">{{ $dayLabel }}</option>
                            @endforeach
                        </select>
                    </label>
                    <label>
                        Aula
                        <select name="classroom">
                            <option value="">Seleccionar aula</option>
                            @foreach ($classroomOptions as $classroom)
                                <option value="{{ $classroom }}">{{ $classroom }}</option>
                            @endforeach
                        </select>
                    </label>
                    <div class="finder-actions schedule-builder-actions">
                        <button type="submit">Agregar horario</button>
                    </div>
                </div>

                @error('time_slots')
                    <p class="form-error">{{ $message }}</p>
                @enderror

                <fieldset class="slot-picker admin-slot-picker">
                    <legend>Horas cátedra de ese día</legend>
                    <div class="checkbox-grid">
                        @foreach ($timeSlotOptions as $timeSlot)
                            <label class="check-tile">
                                <input type="checkbox" name="time_slots[]" value="{{ $timeSlot }}">
                                <span>{{ $timeSlot }}</span>
                            </label>
                        @endforeach
                    </div>
                </fieldset>
            </form>

            @error('schedule_slot')
                <p class="form-error">{{ $message }}</p>
            @enderror

            <div class="table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>Día</th>
                            <th>Horario</th>
                            <th>Aula</th>
                            <th>Acción</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($courseOffering->scheduleSlots->sortBy(['day_of_week', 'time_slot']) as $scheduleSlot)
                            <tr>
                                <td>{{ $scheduleSlot->day_of_week }}</td>
                                <td>{{ $scheduleSlot->time_slot }}</td>
                                <td>{{ $scheduleSlot->classroom ?: 'Sin aula' }}</td>
                                <td class="action-cell">
                                    <form method="POST" action="{{ route('admin.course-offerings.schedule-slots.destroy', [$courseOffering, $scheduleSlot]) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button class="button-muted" type="submit">Quitar</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">Todavía no hay horarios cargados.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </article>

        <article class="panel">
            <div class="result-heading">
                <div>
                    <p class="eyebrow">Inscripciones</p>
                    <h3>Alumnos por materia</h3>
                </div>
            </div>

            <form class="finder-actions" method="GET" action="{{ route('admin.course-offerings.manage', $courseOffering) }}" style="margin-bottom: 12px;">
                <label class="inline-check filter-toggle">
                    <input type="checkbox" name="ex_students" value="1" @checked($showExStudents) onchange="this.form.submit()">
                    <span>ExAlumnos</span>
                </label>
            </form>

            <form class="stack-form enrollment-form enrollment-form-wide" method="POST" action="{{ route('admin.course-offerings.enrollments.store', $courseOffering) }}">
                @csrf
                <div class="enrollment-form-grid enrollment-form-grid-wide">
                    <label>
                        Alumno
                        <select name="student_id">
                            @foreach ($students as $student)
                                <option value="{{ $student->id }}">{{ $student->full_name }}{{ $student->dni ? ' · '.$student->dni : '' }}</option>
                            @endforeach
                        </select>
                    </label>
                    <label>
                        Estado
                        <select name="status">
                            @foreach ($statusOptions as $status)
                                <option value="{{ $status }}">{{ $status }}</option>
                            @endforeach
                        </select>
                    </label>
                    <div class="finder-actions enrollment-form-actions">
                        <button type="submit">Agregar inscripción</button>
                    </div>
                </div>
            </form>

            <div class="table-wrap">
                <table class="data-table enrollment-table">
                    <thead>
                        <tr>
                            <th class="col-student">Alumno</th>
                            <th class="col-status">Estado</th>
                            <th class="col-attendance">Asistencia</th>
                            <th class="col-actions">Acción</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($courseOffering->enrollments->sortBy('student.full_name') as $enrollment)
                            <tr>
                                <td class="col-student">{{ $enrollment->student->full_name }}</td>
                                <td class="col-status">
                                    <select form="enrollment-update-{{ $enrollment->id }}" name="status">
                                        @foreach ($statusOptions as $status)
                                            <option value="{{ $status }}" @selected($enrollment->status === $status)>{{ $status }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td class="col-attendance">{{ $enrollment->attendanceRecords()->count() }}</td>
                                <td class="action-cell compact-actions col-actions">
                                    <form id="enrollment-update-{{ $enrollment->id }}" method="POST" action="{{ route('admin.course-offerings.enrollments.update', [$courseOffering, $enrollment]) }}">
                                        @csrf
                                        @method('PUT')
                                        <button type="submit">Guardar</button>
                                    </form>
                                    <a class="button-muted" href="{{ route('admin.students.index', ['q' => $enrollment->student->full_name]) }}">Editar</a>
                                    <form method="POST" action="{{ route('admin.course-offerings.enrollments.destroy', [$courseOffering, $enrollment]) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button class="button-muted" type="submit">Quitar</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">Todavía no hay alumnos inscriptos en esta cursada.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </article>
    </section>
@endsection