@extends('layouts.app')

@section('content')
<link rel="stylesheet" href="{{ asset('css/nouveau_rdv.css') }}">

<div class="reservation-choice-page">
    <div class="reservation-choice-card">
        <div class="reservation-choice-header">
            <h2>Choisir un rendez-vous</h2>
            <p>Sélectionnez votre lycée et la période souhaitée pour afficher les créneaux disponibles.</p>
        </div>

        <form action="{{ route('choose_calendar') }}" method="POST" id="reservationForm" class="reservation-choice-form">
            @csrf

            <div class="reservation-form-group">
                <label for="lycee">Lycée</label>
                <select name="lycee" id="lycee" required>
                    @foreach($lycees as $lycee)
                        <option value="{{ $lycee->id }}">{{ $lycee->nom }}</option>
                    @endforeach
                </select>
            </div>

            <div class="reservation-form-group">
                <label for="mois">Mois</label>
                <select name="mois" id="mois" required>
                    <option value="">Sélectionnez un mois</option>
                    <option value="07">Juillet</option>
                    <option value="08">Août</option>
                </select>
            </div>

            <div class="reservation-choice-actions">
                <button type="submit">Voir les créneaux</button>
            </div>
        </form>
    </div>
</div>
@endsection