@extends('master')

@section('style')

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

@endsection

@section('titulo')
Protocolo y pautas de estadía segura
@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>Protocolo y pautas de estadía segura</p>
    </h4>


</header>

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


<hr />

    <div class="fields">

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

            <div class="field">

            <p>
                <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>


                <p>
                    <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>
        </div>

    </div>

<hr />


@endsection


@section('script')


<script>
    var acc = document.getElementsByClassName("accordion");
    var i;

    for (i = 0; i < acc.length; i++) {
      acc[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var panel = this.nextElementSibling;
        if (panel.style.maxHeight) {
          panel.style.maxHeight = null;
        } else {
          panel.style.maxHeight = panel.scrollHeight + "px";
        }
      });
    }
</script>


@endsection