@extends('layouts.app')

@section('content')
<div class="container mx-auto px-4 py-6">
    <h1 class="text-2xl font-semibold mb-6">Modifier la réservation #{{ $reservation->id }}</h1>

    @if ($errors->any())
        <div class="bg-red-100 text-red-700 p-4 rounded mb-6">
            <strong>Erreur :</strong> Veuillez corriger les champs ci-dessous.
            <ul class="mt-2 list-disc list-inside">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('reservationsEdit.update', $reservation->id) }}" method="POST" class="space-y-4">
        @csrf
        @method('PUT')

        {{-- Type --}}
        <div>
            <label for="type" class="block font-medium">Type</label>
            <input type="text"
                   name="type"
                   id="type"
                   value="{{ old('type', $reservation->type) }}"
                   class="w-full border rounded px-3 py-2 @error('type') border-red-500 @enderror">
            @error('type')
                <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        {{-- Lycée --}}
        <div>
            <label for="lycee_id" class="block font-medium">Lycée</label>
            <select name="lycee_id"
                    id="lycee_id"
                    class="w-full border rounded px-3 py-2 @error('lycee_id') border-red-500 @enderror">
                <option value="">-- Choisir un lycée --</option>
                @foreach($lycees as $id => $nom)
                    <option value="{{ $id }}" {{ old('lycee_id', $reservation->lycee_id)==$id ? 'selected' : '' }}>
                        {{ $nom }}
                    </option>
                @endforeach
            </select>
            @error('lycee_id')
                <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        {{-- Parent --}}
        <div>
            <label for="parent_id" class="block font-medium">Parent</label>
            <select name="parent_id"
                    id="parent_id"
                    class="w-full border rounded px-3 py-2 @error('parent_id') border-red-500 @enderror">
                <option value="">-- Choisir un parent --</option>
                @foreach($parents as $id => $nom)
                    <option value="{{ $id }}" {{ old('parent_id', $reservation->parent_id)==$id ? 'selected' : '' }}>
                        {{ $nom }}
                    </option>
                @endforeach
            </select>
            @error('parent_id')
                <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        {{-- Payé --}}
        <div class="flex items-center">
            <input type="hidden" name="paye" value="0">
            <input type="checkbox"
                   name="paye"
                   id="paye"
                   value="1"
                   {{ old('paye', $reservation->paye) ? 'checked' : '' }}
                   class="mr-2">
            <label for="paye" class="font-medium">Payé</label>
        </div>

        {{-- Date --}}
        <div>
            <label for="date" class="block font-medium">Date</label>
            <input type="date"
                   name="date"
                   id="date"
                   value="{{ old('date', $reservation->date->format('Y-m-d')) }}"
                   class="w-full border rounded px-3 py-2 @error('date') border-red-500 @enderror">
            @error('date')
                <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        {{-- Heure --}}
        <div>
            <label for="heure" class="block font-medium">Heure</label>
            <input type="time"
                   name="heure"
                   id="heure"
                   value="{{ old('heure', $reservation->heure) }}"
                   class="w-full border rounded px-3 py-2 @error('heure') border-red-500 @enderror">
            @error('heure')
                <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
            @enderror
        </div>

        {{-- Boutons --}}
        <div class="flex items-center space-x-4 mt-6">
            <button type="submit"
                    class="bg-blue-600 text-white px-5 py-2 rounded hover:bg-blue-700">
                Enregistrer
            </button>
            <a href="{{ route('reservationsEdit.index') }}"
               class="text-gray-600 hover:underline">
                Annuler
            </a>
        </div>
    </form>
</div>
@endsection