@extends('layouts.app')
@section('title', 'Terminos y condiciones de uso')
@section('body')
    <section class="py-9">
        <div class="container mx-auto w-9/12">
            <h2 class="text-center uppercase clb__section-title">
                Libro de reclamaciones
            </h2>
            <div class="col-sm-12 form-group align-items-center">
                <center>
                    COLABORATIVA SAC - RUC. 20606214431<BR>
                    Call. Pacamarca 125 - San Miguel
                    <br>
                    <br>
                </center>
            </div>

            <form-reclamaciones documento="{{ json_encode(trans('claims.typeDocs')) }}"
                service="{{ json_encode(trans('claims.serviceTypes')) }}"
                claims="{{ json_encode(trans('claims.claimTypes')) }}" />
        </div>
    </section>
@endsection

@section('head-scripts')
    <script type="text/javascript">
        window.onload = function() {
            var select = document.getElementById("is_minor")
            validationIsMinor(select.value)
        }

        document.addEventListener('change', event => {
            if (event.target.id === 'is_minor') {
                validationIsMinor(event.target.value)
            }
        });

        function validationIsMinor(value) {
            if (value === 'false') {
                document.getElementById("typeDocTutor-block").style.display = "none";
                document.getElementById("numDocTutor-block").style.display = "none";
                document.getElementById("fatherName-block").style.display = "none";
                document.getElementById("addressTutor-block").style.display = "none";
                document.getElementById("phoneTutor-block").style.display = "none";
                document.getElementById("emailTutor-block").style.display = "none";
            } else {
                document.getElementById("typeDocTutor-block").style.display = "block";
                document.getElementById("numDocTutor-block").style.display = "block";
                document.getElementById("addressTutor-block").style.display = "block";
                document.getElementById("fatherName-block").style.display = "block";
                document.getElementById("phoneTutor-block").style.display = "block";
                document.getElementById("emailTutor-block").style.display = "block";
            }
        }
    </script>
@endsection