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

<div class="container">
    <h1 class="text-center mt-5">Gestión de Disponibilidad</h1>
    <form method="POST" action="{{ route('availability_store') }}">
        <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">Lunes</option>
                    <option value="Martes">Martes</option>
                    <option value="Miércoles">Miércoles</option>
                    <option value="Jueves">Jueves</option>
                    <option value="Viernes">Viernes</option>
                    <option value="Sábado">Sábado</option>
                    <option value="Domingo">Domingo</option>
                </select>
            </div>
        </div>

        <div class="row d-flex justify-content-center clockpicker">
            <div class="col-md-3 mt-4">
                <input type="time" name="start_time" class="form-control clockpicker">
            </div>
            <div class="col-md-3 mt-4">
                <input type="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" 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">Crear turno</button>
                    <a href="{{ route('availability') }}" class="btn btn-pink b">Cancelar</a>
                </div>
            </div>
        </div>
    </form>
    @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