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

@section('content')
    <section class="result-heading admin-page-head">
        <div>
            <p class="eyebrow">Administración</p>
            <h2>Feriados y eventos académicos</h2>
            <p>Marcá feriados para que no computen asistencia, o semanas virtuales para que aparezcan identificadas en las planillas.</p>
        </div>
        <a class="button-muted" href="{{ route('admin.dashboard') }}">Volver al panel</a>
    </section>

    @include('admin.partials.nav', ['active' => 'holidays'])

    <section class="admin-two-col admin-two-col-wide">
        <article class="panel">
            <div class="result-heading admin-toolbar">
                <div>
                    <p class="eyebrow">Fechas cargadas</p>
                    <h3>{{ $selectedYear }}</h3>
                </div>
                <form class="filters holiday-year-filter" method="GET" action="{{ route('admin.holidays.index') }}">
                    <label>
                        Año
                        <select name="year" onchange="this.form.submit()">
                            @for ($year = now()->year - 1; $year <= now()->year + 4; $year++)
                                <option value="{{ $year }}" @selected($selectedYear === $year)>{{ $year }}</option>
                            @endfor
                        </select>
                    </label>
                </form>
            </div>

            <div class="table-wrap">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>N°</th>
                            <th>Fecha</th>
                            <th>Nombre</th>
                            <th>Tipo</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($events as $event)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>
                                    <form id="holiday-update-{{ $event->id }}" method="POST" action="{{ route('admin.holidays.update', $event) }}">
                                        @csrf
                                        @method('PUT')
                                        <input type="date" name="event_date" value="{{ $event->event_date->format('Y-m-d') }}">
                                    </form>
                                </td>
                                <td>
                                    <input form="holiday-update-{{ $event->id }}" type="text" name="name" value="{{ $event->name }}">
                                </td>
                                <td>
                                    <select form="holiday-update-{{ $event->id }}" name="event_type">
                                        @foreach ($typeOptions as $typeOption)
                                            <option value="{{ $typeOption }}" @selected($event->event_type === $typeOption)>{{ $typeOption }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <td class="action-cell compact-actions">
                                    <button form="holiday-update-{{ $event->id }}" type="submit">Guardar</button>
                                    <form method="POST" action="{{ route('admin.holidays.destroy', $event) }}">
                                        @csrf
                                        @method('DELETE')
                                        <button class="button-muted" type="submit">Eliminar</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="5">Todavía no hay fechas cargadas para este año.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </article>

        <aside class="panel manage-side-panel">
            <p class="eyebrow">Nueva fecha</p>
            <h3>Marcar fecha</h3>
            <form class="stack-form" method="POST" action="{{ route('admin.holidays.store') }}">
                @csrf
                <label>
                    Fecha
                    <input type="date" name="event_date" value="{{ old('event_date') }}" required>
                </label>
                <p class="muted">Para Virtual o Virtual Asincrónico, elegí cualquier día de la semana: el sistema marca de lunes a sábado.</p>
                <label>
                    Nombre
                    <input type="text" name="name" value="{{ old('name') }}" placeholder="Ej.: Viernes Santo">
                </label>
                <label>
                    Tipo
                    <select name="event_type">
                        @foreach ($typeOptions as $typeOption)
                            <option value="{{ $typeOption }}" @selected(old('event_type', 'Feriado nacional') === $typeOption)>{{ $typeOption }}</option>
                        @endforeach
                    </select>
                </label>
                <button type="submit">Marcar fecha</button>
            </form>
        </aside>
    </section>
@endsection