{% extends "base.html" %}
{% load static %}
{% load widget_tweaks %}

{% block inicio %}
<div class="form-group form-group-md col-md-7">
    <h4>MATRICULACIÓN CURSOS 2024/2025</h4>
</div>
<div class="form-group form-group-md col-md-2">
    <button id="btn_inicio" type="button" class="btn btn-danger" onclick="location.href='/'">
        INICIO
    </button>
    <button id="btn_web" type="button" class="btn_web btn btn-danger" data-toggle="modal" data-target="#ModalWeb">
        IR A WEB
    </button>
</div>
{% endblock inicio %}


{% block contenido %}
<form class="form-horizontal" role="form" id="formulario" name="formulario" method="POST" enctype="multipart/form-data">{% csrf_token %}

<!-- #################################################################################################### -->
<!-- ################################   PASO 3 ########################################################## -->
<!-- #################################################################################################### -->

<input type="hidden" name="edad" id="id_edad" value="{{ edad }}">

<div id="paso3">
    <ol class="breadcrumb">
        <li class="active">PASO 3 de 4</li>
    </ol>
    <fieldset >
        <legend class="titulos">AUTORIZACIONES Y CONDICIONES </legend>

        {% if edad < 18 %}
        
        <div class="container" id="bloque_salir_solo">        
            <div class="form-group form-group-md col-md-12">
            <div class="texto_cabecera_2">AUTORIZACIÓN PARA SALIR DE LA ACADEMIA</div>
            <br>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <p class="texto_autorizacion">Yo como padre/madre/tutor/a <span class="txt_resaltado"> doy mi autorización </span> para mi hijo/a salga de la academia y vaya a casa sólo/a, sin necesidad de recogerle ningún miembro de la familia en la puerta del Centro.</p>
                        <input type="radio" name="salir_academia" class="salir_academia" value="Sí" id="ci_si" {% if matricula.salir_academia == 'Sí' %} checked {%endif%}> <label> Sí </label>
                        &nbsp;&nbsp;&nbsp;
                        <input type="radio" name="salir_academia" class="salir_academia" value="No" id="ci_no"  {% if matricula.salir_academia == 'No' %} checked {%endif%}> <label> No </label> <span class="obligatorio">(*)</span>
                        <div class="campo_invalido" id="err_salir_academia">
                            Campo Obligatorio
                        </div>
                        <br>
                        <br>
                        <p class="texto_autorizacion">{{ formulario.autoriza_salirsolo }} El alumno-a debe salir {{ formulario.autoriza_min_salirsolo }} minutos antes de terminar la clase.</p>
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
        </div>
            
        {% endif %}        

        {% if matricula1.nombre_centro1 == "ega_toledo" %}
        <div class="container">        
            <div class="form-group form-group-md col-md-12">
            <div class="texto_cabecera_2">LIBRARY</div>
            <br>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <p class="texto_autorizacion"> {{ formulario.acepto_biblioteca|attr:"checked" }} <span class="txt_resaltado"> Acepto las condiciones </span> para la retirada y devolución de los libros de la Biblioteca Academia EGA Para ello me comprometo con mi AUTORIZACIÓN bajo mi responsabilidad a lo siguiente:<br>
                            1. A respetar, conservar y cuidar los libros y/o material que retire el la biblioteca de préstamo, responsabilizándose de las consecuencias que por el mal uso pueda ocasionar al libro y/o material al servicio de
                            préstamo.<br>
                            2. A devolver en el plazo establecido (7-10 días) los libros y/o material que se reitre en concepto del préstamo y, en caso contrario, someterme a la penalización de suspensión del uso de este servicio por el plazo que se
                            determine.<br>
                            3. A entregar un nuevo ejemplar en caso de pérdida o extravío o a indemnizar en la forma que se establezca. En caso de incumplimiento se exigirá la responsabilidad que proceda.</p>
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
        </div>
        {% endif %}
        
        <div class="container" id="bloque_alergias_menor">        
            <div class="form-group form-group-md col-md-12">
            <div class="texto_cabecera_2">ALERGIAS O INTOLERANCIAS</div>
            <br>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <p class="texto_autorizacion"> El alumno/a <span class="txt_resaltado">es alérgico </span> a algún alimento, bebida, sustancia o medicamento: <br>
                            <input type="radio" name="alergias" class="alergias" value="Sí" id="a_si"> <label> Sí </label>
                            &nbsp;&nbsp;&nbsp;
                            <input type="radio" name="alergias" class="alergias" value="No" id="a_no"> <label> No </label> <span class="obligatorio">(*)</span>
                            <div class="campo_invalido" id="err_alergias">
                                Campo Obligatorio
                            </div>
                            <div id="alergias_si">
                                <p class="texto_autorizacion">Cuál es: {{ formulario.alergias_texto }} <span class="obligatorio">(*)</span> </p>
                                <div class="campo_invalido" id="err_alergias_texto">
                                    Campo Obligatorio
                                </div>
                            </div>
                        {% if edad < 18 %}                 
                        <p class="texto_autorizacion" style="border-top: 1px solid #9d001d">
                            <br>
                            <span class="txt_resaltado">Doy mi consentimiento </span>para que la academia en ocasiones eventuales le de cualquier tipo de alimento y bebida siempre en buen estado y adaptados o las edades que comprende el alumno/a. <br>
                            Los tipos de alimentos, comida (gusanitos, patatas, chucherías...) y bebida (agua, zumo, refrescos...) que los alumnos pueden recibir en la academia serán informados a los padres con una semana de antelación. <br>
                            <br>
                            <input type="radio" name="comida" class="comida" value="Sí" id="c_si"> <label> Sí </label>
                            &nbsp;&nbsp;&nbsp;
                            <input type="radio" name="comida" class="comida" value="No" id="c_no"> <label> No </label> <span class="obligatorio">(*)</span>
                            <div class="campo_invalido"  id="err_comida">
                                Campo Obligatorio
                            </div>
                        </p>
                        {% endif %}
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
        </div>

        <div class="container">        
            <div class="form-group form-group-md col-md-12">
            <div class="texto_cabecera_2">CESIÓN DE IMÁGENES</div>
            <br>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        {% if edad < 18 %}

                        <p class="texto_autorizacion" id="texto_autorizacion_correo_menor">Yo como padre/madre/tutor/a <span class="txt_resaltado"> autorizo</span> a que las imágenes en las que el menor aparezca, bien sea de manera individual o en grupo junto con otros niños, sean enviadas a la dirección de correo electrónico que comuniquen al centro. Se debe tener en cuenta que las fotografías tomadas en grupo se enviarán a los padres, madres o tutores de los demás alumnos que también hubieran firmado este mismo modelo de autorización.</p>
                        <p class="texto_autorizacion" id="texto_autorizacion_correo_mayor">Yo en calidad de alumno <span class="txt_resaltado"> autorizo</span> a que las imágnes sean enviadas a la dirección de correo electrónico que comuniquen al centro. Sedebe tener en cuenta que las fotografías tomadas en grupo se enviarán a aquellos alumnos que también hubieran firmado este mismo modelo de autorización</p>
                        <input type="radio" name="cesion_imagenes_correo" class="cesion_imagenes_correo" value="Sí" id="ci_si"> <label> Sí </label>
                        &nbsp;&nbsp;&nbsp;
                        <input type="radio" name="cesion_imagenes_correo" class="cesion_imagenes_correo" value="No" id="ci_no"> <label> No </label> <span class="obligatorio">(*)</span>
                        <div class="campo_invalido"  id="err_cesion_imagenes_correo">
                            Campo Obligatorio
                        </div>
                        <br>
                        <p class="texto_autorizacion" id="texto_autorizacion_rrss_menor">Yo como padre/madre/tutor/a <span class="txt_resaltado">autorizo </span> a que las imágenes, se puedan publicar en la web y redes sociales del centro, que son gestionadas por la academia Academia EGA con domicilio en Ronda Buenavista, 37. 45005 Toledo, y número de C.I.F.: 52536170F, e-mail: info@academiaega.com</p>

                        <p class="texto_autorizacion" id="texto_autorizacion_rrss_mayor">Yo en calidad de alumno <span class="txt_resaltado">autorizo </span> a que las imágenes, se puedan publicar en la web y redes sociales del centro, que son gestionadas por la academia Academia EGA con domicilio en Ronda Buenavista, 37. 45005 Toledo, y número de C.I.F.: 52536170F, e-mail: info@academiaega.com</p>
                        
                        <input type="radio" name="cesion_imagenes_rrss" class="cesion_imagenes_rrss" value="Sí" id="ci_si"> <label> Sí </label>
                        &nbsp;&nbsp;&nbsp;
                        <input type="radio" name="cesion_imagenes_rrss" class="cesion_imagenes_rrss" value="No" id="ci_no"> <label> No </label> <span class="obligatorio">(*)</span>
                        <div class="campo_invalido" id="err_cesion_imagenes_rrss">
                            Campo Obligatorio
                        </div>

                        {% else %}

                        <p class="texto_autorizacion" id="texto_autorizacion_correo_menor">Yo <span class="txt_resaltado"> autorizo</span> a que las imágenes en las que aparezca, bien sea de manera individual o en grupo junto con otros alumnos, sean enviadas a la dirección de correo electrónico que comuniquen al centro. Se debe tener en cuenta que las fotografías tomadas en grupo se enviarán a los demás alumnos que también hubieran firmado este mismo modelo de autorización.</p>
                        <input type="radio" name="cesion_imagenes_correo" class="cesion_imagenes_correo" value="Sí" id="ci_si"> <label> Sí </label>
                        &nbsp;&nbsp;&nbsp;
                        <input type="radio" name="cesion_imagenes_correo" class="cesion_imagenes_correo" value="No" id="ci_no"> <label> No </label> <span class="obligatorio">(*)</span>
                        <div class="campo_invalido"  id="err_cesion_imagenes_correo">
                            Campo Obligatorio
                        </div>
                        <br>
                        <p class="texto_autorizacion" id="texto_autorizacion_rrss_menor">Yo <span class="txt_resaltado">autorizo </span> a que las imágenes, se puedan publicar en la web y redes sociales del centro, que son gestionadas por la academia Academia EGA con domicilio en Ronda Buenavista, 37. 45005 Toledo, y número de C.I.F.: 52536170F, e-mail: info@academiaega.com</p>
                        
                        <input type="radio" name="cesion_imagenes_rrss" class="cesion_imagenes_rrss" value="Sí" id="ci_si"> <label> Sí </label>
                        &nbsp;&nbsp;&nbsp;
                        <input type="radio" name="cesion_imagenes_rrss" class="cesion_imagenes_rrss" value="No" id="ci_no"> <label> No </label> <span class="obligatorio">(*)</span>
                        <div class="campo_invalido" id="err_cesion_imagenes_rrss">
                            Campo Obligatorio
                        </div>

                        {% endif %}
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
        </div>

        <div class="container">        
            <div class="form-group form-group-md col-md-12">
            <div class="texto_cabecera_2"> COMUNICACIONES COMERCIALES </div>
            <br>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <p class="texto_autorizacion">Deseamos envairle comunicaciones comerciales que puedan ser de su interés, y para ello necesitamos obtener su consentimiento expreso e inequívoco según lo dispuesto en el Reglamento General de Protección de datos. ¿Está de acuerdo que la Academia EGA le envíe al correo indicado comunicaciones comerciales solo relaccionadas con productos y servicios de esta academia?</p>

                        <input type="radio" name="comunicaciones_comerciales" class="comunicaciones_comerciales" value="Sí" id="ini_cc_si"> <label> Sí </label>
                        &nbsp;&nbsp;&nbsp;
                        <input type="radio" name="comunicaciones_comerciales" class="comunicaciones_comerciales" value="No" id="ini_cc_no"> <label> No </label> <span class="obligatorio">(*)</span>
                        <div class="campo_invalido" id="err_comunicaciones_comerciales">
                            Campo Obligatorio
                        </div>
                        
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
        </div>

        <div class="container">        
            <div class="form-group form-group-md col-md-12">
            <div class="texto_cabecera_2"> CONDICIONES GENERALES </div>
            <br>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <p class="texto_autorizacion">El Alumno comenzará sus clases en: <br> 
                            <input type="radio" name="inicio_clases" class="inicio_clases" value="Septiembre" id="ini_septiembre"> <label> Septiembre </label>
                            &nbsp;&nbsp;&nbsp;
                            <input type="radio" name="inicio_clases" class="inicio_clases" value="Octubre" id="ini_octubre"> <label> Octubre </label> 
                            &nbsp;&nbsp;&nbsp;
                            <input type="radio" name="inicio_clases" class="inicio_clases" value="Otro" id="ini_otro"> <label> Otro </label> 
                            <span class="obligatorio">(*)</span> </p>
                            <div class="campo_invalido" id="err_inicio_clases">
                                Campo Obligatorio
                            </div>
                            <p class="texto_autorizacion">{{ formulario.condiciones_generales }} He leído y acepto las <a class="enlace" href="https://www.egaclm.com/politica-privacidad/" target="_blank">condiciones generales</a> y las <a class="enlace" href="https://www.egaclm.com/aviso-legal/" target="_blank"> condiciones de uso </a>de Academia EGA <span class="obligatorio">(*)</span>
                            </p>
                            <div class="campo_invalido" id="err_id_condiciones_generales">
                                Campo Obligatorio
                            </div>
                            <p class="texto_autorizacion">{{ formulario.politica_tratamiento }} He leído y acepto los términos y condiciones relacionados con la <a class="enlace" href="https://www.egaclm.com/politica-privacidad/" target="_blank">política de tratamiento de los datos personales.</a> <span class="obligatorio">(*)</span>
                            </p>
                            <div class="campo_invalido" id="err_id_politica_tratamiento">
                                Campo Obligatorio
                            </div>
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
        </div>        
    </fieldset>
    <div class="btn_pasos">
        <!-- <button type="button" class="btn btn-secondary" onclick="paso2_ant({{ matricula.id }})">VOLVER </button> -->
        <button type="button" id="btn_paso4" class="btn btn-danger" onclick="paso4()">SIGUIENTE PASO</button> 
    </div>

<div class="obligatorio">
    <span> &nbsp;&nbsp; (*) Campo Obligatorio</span>
    <br>
    <span> &nbsp;&nbsp; (**) Campo Obligatorio solo mayores de edad</span>
</div>

</div>
</form>

<!-- Modal -->
<div id="ModalObligatorio" tabindex="-1" role="dialog" aria-labelledby="ModalObligatorioLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h6 class="modal-title" id="ModalObligatorioLabel">CAMPO OBLIGATORIO</h6>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true" style="color: #ffffff;">&times;</span>
          </button>
        </div>
        <div class="modal-body" style="text-align: center;">
            Ups no has rellenado un campo que es <span class="txt_resaltado">obligatorio</span>. 
            <br><br>
            Revise todos estos campos <span class="obligatorio">(*)</span> y complételos para seguir.<br>
            <br>
            En las opciones de <span class="txt_resaltado">Si o No </span> (si las hay), debe elegir una.
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" onclick="ok_error()">OK</button>
        </div>
      </div>
    </div>
</div>

<script type="text/javascript">

$('.alergias').click(function(){
    if($('.alergias:checked').val() == "Sí"){
        $('#alergias_si').show();
        $('#alergias_si_mayor').show();
    }
    if($('.alergias:checked').val() == "No"){
        $('#alergias_si').hide();
        $('#alergias_si_mayor').hide();
    }
})

$('#btn_acceso').hide();

</script>

{% endblock contenido %}