@extends('layouts.signed')
@section('title', 'Formulario de disponibilidad')
@section('content')

<div class="container">
    <h1 class="text-center mt-5">Gestión de Disponibilidad</h1>
    @foreach($calendars as $calendar)
    <form method="POST" action="{{ route('availability_update', $calendar->id) }}">
        <input required type="hidden" name="center_id" value="{{ Auth::user()->center_id }}">
        @csrf
        <div class="row d-flex justify-content-center">
            <div class="col-md-6 mt-5">
                <select class="form-select" name="day" id="day">
                    <option value="Lunes" @if($calendar->day == 'Lunes' ) ? selected : '' @endif>Lunes</option>
                    <option value="Martes" @if($calendar->day == 'Martes' ) ? selected : '' @endif>Martes</option>
                    <option value="Miércoles" @if($calendar->day == 'Miércoles' ) ? selected : '' @endif>Miércoles</option>
                    <option value="Jueves" @if($calendar->day == 'Jueves' ) ? selected : '' @endif>Jueves</option>
                    <option value="Viernes" @if($calendar->day == 'Viernes' ) ? selected : '' @endif>Viernes</option>
                    <option value="Sábado" @if($calendar->day == 'Sábado' ) ? selected : '' @endif>Sábado</option>
                    <option value="Domingo" @if($calendar->day == 'Domingo' ) ? selected : '' @endif>Domingo</option>
                </select>
            </div>
        </div>

        <div class="row d-flex justify-content-center">
            <div class="col-md-3 mt-4">
                <input type="time" value="{{ $calendar->start_time }}" name="start_time" class="form-control">
            </div>
            <div class="col-md-3 mt-4">
                <input type="time" value="{{ $calendar->end_time }}" name="end_time" class="form-control">
            </div>
        </div>

        <div class="row d-flex justify-content-center">
            <div class="col-md-6 mt-4">
                <input type="number" value="{{ $calendar->max_donor }}" class="form-control" name="max_donor" id="max_donor"  placeholder="Cantidad máxima permitida">
            </div>
        </div>
        <div class="row mt-4 text-center justify-content-center">
            <div class="col-md-8">
                <div class="d-flex btn-group container text-center mt-1">
                    <button type="submit" class="btn btn-pink b">Actualizar turno</button>
                    <a href="{{ route('availability') }}" class="btn btn-pink b">Cancelar</a>
                </div>
            </div>
        </div>
    </form>
    @endforeach
    @if($errors->any())
    <div class="alert alert-warning mt-2" role="alert">
        <p>Por favor, corriga estos errores: </p>
        @foreach($errors->all() as $error)
        <li>Ya existe un registro de horario para este centro</li>
        @endforeach
    </div>
    @endif
</div>

@endsection