@extends('layouts.app')

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

<div class="centered">
    <h1>Réservations par lycée</h1>
<h2>Consulter les créneaux de réservation pour un lycée</h2>
    <form method="GET" action="{{ route('reservations.lycee') }}" class="mb-4">
        <div class="form-group">
            <label for="lycee_id">Choisissez un lycée</label>
            <select name="lycee_id" id="lycee_id" class="form-control" onchange="this.form.submit()">
                <option value="">-- Sélectionner un lycée --</option>
                @foreach($lycees as $lycee)
                    <option value="{{ $lycee->id }}" {{ $selectedLyceeId == $lycee->id ? 'selected' : '' }}>
                        {{ $lycee->nom }}
                    </option>
                @endforeach
            </select>
        </div>
    </form>

    @if($selectedLyceeId)
    <div class="centered">
        
        @if($reservations->count())
            <form method="POST" action="{{ route('delete_creneau') }}">
    @csrf
    @method('DELETE')

    <table style="align-content: center; align-items: center; margin: 0 auto;">
        <thead>
            <tr>
                <th></th>
                <th>Date</th>
                <th>Heure début matin</th>
                <th>Heure fin matin</th>
                <th>Nb de saisionnier par créneau matin</th>
                <th>Heure début soir</th>
                <th>Heure fin soir</th>
                <th>Nb de saisionnier par créneau soir</th>
            </tr>
        </thead>
        <tbody>
            @foreach($reservations as $reservation)
                <tr>
                    <td>
                        <input type="checkbox" name="ids[]" value="{{ $reservation->id }}">
                    </td>
                    <td>{{ \Carbon\Carbon::parse($reservation->date)->format('d/m/Y') }}</td>
                    <td>{{ $reservation->heure_debut_matin ?? '-' }}</td>
                    <td>{{ $reservation->heure_fin_matin ?? '-' }}</td>
                    <td>{{ $reservation->nb_creneau_matin ?? '-' }}</td>
                    <td>{{ $reservation->heure_debut_soir ?? '-' }}</td>
                    <td>{{ $reservation->heure_fin_soir ?? '-' }}</td>
                    <td>{{ $reservation->nb_creneau_soir ?? '-' }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>

    <div style="margin-top: 20px; text-align:center;">
        <button type="submit" class="btn btn-danger"
            onclick="return confirm('Supprimer les réservations sélectionnées ?');">
            Supprimer les créneaux sélectionnés
        </button>
    </div>
</form>
        @else
            <p>Aucune réservation trouvée pour ce lycée.</p>
        @endif
    </div>
    @endif

    <h2> ---------------------- </h2>

    <h2 class="mt-4 text-center">Ajouter des créneaux de réservation</h2>
    <form method="POST" action="{{ route('creer_creneau') }}" class="mt-4">
        @csrf

    <label for="lycee_id">Choisissez un lycée</label>
        <select name="lycee_id" id="lycee_id" class="form-control">
                <option value="">-- Sélectionner un lycée --</option>
                @foreach($lycees as $lycee)
                    <option value="{{ $lycee->id }}" {{ $selectedLyceeId == $lycee->id ? 'selected' : '' }}>
                        {{ $lycee->nom }}
                    </option>
                @endforeach
        </select>

        <div class="form-group">
            <label for="premier_creneau">Date de premier créneau</label>
            <input type="date" name="premier_creneau" id="premier_creneau" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="dernier_creneau">Date de dernier créneau</label>
            <input type="date" name="dernier_creneau" id="dernier_creneau" class="form-control" required>
        </div>

        <div class="form-group">
            <label for="heure_debut_matin">Heure début matin</label>
            <input type="time" name="heure_debut_matin" id="heure_debut_matin" class="form-control">
        </div>

        <div class="form-group">
            <label for="heure_fin_matin">Heure fin matin</label>
            <input type="time" name="heure_fin_matin" id="heure_fin_matin" class="form-control">
        </div>

        <div class="form-group">
            <label for="nb_creneau_matin">Nb de saisionnier par créneau matin</label>
            <input type="number" name="nb_creneau_matin" id="nb_creneau_matin" class="form-control" min="0">
        </div>

        <div class="form-group">
            <label for="heure_debut_soir">Heure début soir</label>
            <input type="time" name="heure_debut_soir" id="heure_debut_soir" class="form-control">
        </div>

        <div class="form-group">
            <label for="heure_fin_soir">Heure fin soir</label>
            <input type="time" name="heure_fin_soir" id="heure_fin_soir" class="form-control">
        </div>

        <div class="form-group">
            <label for="nb_creneau_soir">Nb de saisionnier par créneau soir</label>
            <input type="number" name="nb_creneau_soir" id="nb_creneau_soir" class="form-control" min="0">
        </div>

        <button type="submit" class="btn btn-primary">créer les créneaux</button>
    </form>

</div>

@endsection