@extends('master')

@section('style')


@endsection

@section('titulo')
Registro de Consentimiento | Derechos y Obligaciones
@endsection

@section('style')

@endsection

@section('main')


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

    <br>    <br>

    <h4>
        <p>
            Registro de Consentimiento
        </p>
        <p> Derechos y Obligaciones</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" name="form" method="POST" action="{{url('registro-reserva/completado')}}">
    {{ csrf_field() }}

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

            <div class="field">

                <p> </br>Reserva de: <strong> {{ strtoupper($validar->ResName) }} </strong>  </br>
                <strong>  Periodo de reserva </strong> </br>  {{ date('d-m-Y',strtotime($validar->StartDate))}} al  {{ date('d-m-Y',strtotime($validar->EndDate))}}
            </p>
                <p> </br>Completa los datos<strong> </strong> </p>

                        <input class="form-control" type="hidden" name="reserva" id="reserva"
                            value="{{$validar->ReservationCode}}"/>

                            <p>
                                <div align="center" class="">
                                    <span style="font-size: 14px"><strong>  ¿Acepta las </strong> </span>
                                </div>

                                <div align="center" class="">
                                    <span style="font-size: 14px"><strong>  normas de Convivencia? </strong> </span>
                                </div>
                            </br>
                            <div align="center" class="">
                                <a href="https://images.rct.coop/legales/Nota_Uso_Club.pdf" target="_blank"> <button type="button"
                                        class="button btn-block">Club RCT</button></a>
                            </div>

                            </br>

                            </p>
                            <div style="margin-left:20%">
                                <div class="input-group mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="pregunta_3" id="pregunta_3" value="si">
                                        <label class="form-check-label" for="pregunta_3">
                                            SI
                                        </label>
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input" type="radio" name="pregunta_3" id="pregunta_3_2" value="no">
                                        <label class="form-check-label" for="pregunta_3_2">
                                            NO
                                        </label>
                                    </div>
                                </div>
                            </div>



                <p>
                    <div align="center" class="">
                        <span style="font-size: 14px"><strong> ¿Acepta </strong></span>
                    </div>

                    <div align="center" class="">
                        <span style="font-size: 14px"><strong> Responsabilidad Civil? </strong></span>
                    </div>

                    <div align="center" class="">
                        <a href="https://images.rct.coop/legales/Responsabilidad Civil.pdf" target="_blank"> <button type="button"
                                class="button btn-block">Ver Responsabilidad Civil</button></a>
                    </div>

                </p>
                <div style="margin-left:20%">
                    <div class="input-group mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="pregunta_2" id="pregunta_2" value="si">
                            <label class="form-check-label" for="pregunta_2">
                                SI
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="pregunta_2" id="pregunta_2_2" value="no">
                            <label class="form-check-label" for="pregunta_2_2">
                                NO
                            </label>
                        </div>
                    </div>
                </div>


                <p>
                    <div align="center" class="">
                        <span style="font-size: 14px"> <strong> ¿Acepta los</strong></span>
                    </div>

                    <div align="center" class="">
                        <span style="font-size: 14px"><strong> Terminos de la Reserva?  </strong></span>
                    </div>


                    <div align="center" class="">
                        <a href="https://images.rct.coop/legales/Terminos-de-la-Reserva.pdf" target="_blank"> <button type="button"
                                class="button btn-block">Ver Terminos</button></a>
                    </div>
                </p>
                <div style="margin-left:20%">
                    <div class="input-group mb-3">
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="pregunta_6" id="pregunta_6" value="si">
                            <label class="form-check-label" for="pregunta_6">
                                SI
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="pregunta_6" id="pregunta_6_2" value="no">
                            <label class="form-check-label" for="pregunta_6_2">
                                NO
                            </label>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>

    </br>
    <button type="button" onclick="checkSubmit()" class="button btn-block">Enviar</button>

</form>
<hr />


@endsection


@section('script')

<script>
    function checkSubmit(){

        if($('#pregunta_2').is(':checked') && $('#pregunta_3').is(':checked')
        && $('#pregunta_6').is(':checked')
        ){
            $( "#form" ).submit();
        }
            else{
                toastr.warning('Para continuar debe aceptar las opciones.')
            }

    }
</script>


@endsection