@extends('master')

@section('style')

<link rel="stylesheet" href="{{asset('country/css/intlTelInput.css')}}">

@endsection

@section('titulo')
SEMANAS FIJAS
@endsection

@section('style')

<style>
    .mySlides {
        display: none;
    }

</style>

@endsection

@section('main')


<header>
    <span><img src="https://images.rct.coop/logov3mail.png" alt="" /></span>

</br></br>

    <h4>
    <p>
        CONFIRMACIÓN RESERVAS SEMANAS FIJAS
    </p>
    <p>TEMPORADA 2024-2025 </p>
        </h4>
</header>

@if ($errors->any())
<hr />
<div class="alert alert-danger">
    <ul>
        Por favor revisa los campos.
    </ul>
</div>
@endif


<hr />
<form id="form" method="post" action="{{url('/formulario/3')}}" onsubmit="submitButton.disabled = true;submitButton.innerHTML ='Procesando…'; return true;">
    {{ csrf_field() }}

    <div class="fields">

       <div class="mySlides" style="width: 100%">

            <div class="field">
                <p> </br>Completa tus datos<strong>  </strong> </p>


                <p>
                    <div align="center" class="">
                      <span style="font-size: 14px"> Nombre completo del titular de la semana *</span>
                    </div>
                </p>

                <div class="field">
                    <div class="input-group mb-3">
                        <input class="form-control" type="text" name="nombre" id="nombre" placeholder="Nombre y Apellido"
                            value="{{ old("nombre") }}" placeholder="" />
                    </div>
                </div>


                <p>
                    <div align="center" class="">
                      <span style="font-size: 14px"> Cantidad de pax</span>
                    </div>
                </p>

                <div class="input-group mb-3">
                    <input min="1" max="12" type="number" class="form-control" placeholder="Ej: 4"
                        aria-label="pax" name="pax" id="pax" value="1"
                        value="{{ old("pax") }}" aria-describedby="basic-addon1">
                </div>

                <p>
                    <div align="center" class="">
                      <span style="font-size: 14px"> Fecha de reserva</span>
                    </div>
                </p>

                <div class="input-group mb-3">
                      <input type="date" min="{{date("Y-m-d")}}" class="form-control" placeholder="Fecha de reserva"
                      aria-label="fecha" name="fecha" id="fecha"
                      value="{{ old("fecha") }}" aria-describedby="basic-addon1">
                  </div>


                  <p>
                    <div align="center" class="">
                      <span style="font-size: 14px"> Forma de pago de la tasa de servicio</span>
                    </div>
                </p>
                <div class="input-group mb-3">
                    <input type="text"  class="form-control" placeholder="Ej: Tarjeta de debito"
                     name="pago" id="pago"
                    value="{{ old("pago") }}" aria-describedby="basic-addon1">
                </div>



            </div>
    </div>

    </div>



    {!! app('captcha')->display() !!}
    </br>
    <button name="submitButton" type="submit" class="button btn-block">Enviar</button>

</form>
<hr />


@endsection


@section('script')

<script>
    var slideIndex = 1;
    showDivs(slideIndex);

    function plusDivs(n) {
        showDivs(slideIndex += n);
    }

    function showDivs(n) {
        var i;
        var x = document.getElementsByClassName("mySlides");
        if (n > x.length) {
            slideIndex = 1
        }
        if (n < 1) {
            slideIndex = x.length
        }
        for (i = 0; i < x.length; i++) {
            x[i].style.display = "none";
        }
        x[slideIndex - 1].style.display = "block";
    }



@endsection