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

{% block inicio %}
<div class="form-group form-group-md col-md-7">
    {% if ampa %}
    <h4>MATRICULACIÓN AMPAS CURSO 2024/2025</h4>
    {% else %}
    <h4>MATRICULACIÓN CURSO 2024/2025</h4>
    {% endif %}
</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 2 ##########################################################-->
<!-- ################################################################################################### -->

<div id="paso2" class="paso2">

<ol class="breadcrumb">
    <li class="active">PASO 2 de 4</li>
</ol>

{% if matricula1.nombre_ampa1 != "ampa_cervantes_yepes" and matricula1.nombre_centro1 == '-' %}
    
<fieldset>
    <legend class="titulos">ESCENARIO CURSO 2024/2025</legend>
    <div class="container">        
        <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">ELIGE ESCENARIO PARA ALUMNO</div>
        <br>
            <div class="row">
                <div class="col-md-3">                    
                    <input type="radio" name="escenario_ampa" id="id_escenario1" value="Escenario 1 (Aula Virtual)"><label>Escenario 1 (Aula Virtual)</label>
                </div>               
                
                <div class="col-md-4">
                    <input type="radio" name="escenario_ampa" id="id_escenario2" value="Escenario 2 (Clases en Academia EGA)"><label>Escenario 2 (Clases con alumnos Academia EGA)</label>
                </div>                
                
                <div class="col-md-5">
                    <input type="radio" name="escenario_ampa" id="id_escenario3" value="Escenario 3 (Clases en Academia EGA con exclusividad)"><label>Escenario 3 (Clases en Academia EGA con exclusividad)</label>
                </div>
                <p id="exclusividad">
                    Has elegido el <span style="font-weight: bold; color: #9D001D">Escenario 3 (Clases en Academia EGA con exclusividad), </span> en el caso que no se cumpliera el mínimo de alumnos por nivel-clase ¿estarías interesado en que el alumno se una al <span style="font-weight: bold; color: #9D001D">Escenario 2 (Clases con alumnos de la Academia EGA)</span>?
                    &nbsp;&nbsp;&nbsp;
                    <input type="radio" name="p_exclusividad" value="Sí" id="p_exclusividad_si"> <label> Sí </label>
                    &nbsp;&nbsp;&nbsp;
                    <input type="radio" name="p_exclusividad" value="No" id="p_exclusividad_no"> <label> No </label>
                </p> 
            </div>
        </div>
    </div>
    <div class="container">

        <p><span style="font-weight: bold; color: #9D001D">Escenario 1: </span> Formación a través de nuestra Aula Virtual de creación propia y dotada de todas las herramientas y recursos necesarios para impartir la clase con la mayor normalidad, las clases son con profesor en directo y se impartirán los días y horas programados.</p>
        <p><span style="font-weight: bold; color: #9D001D">Escenario 2: </span> Clases en las instalaciones de la Academia EGA, en esta opción los niños se unen a las clases que EGA tiene en la academia con el resto de alumnos.</p>
        <p><span style="font-weight: bold; color: #9D001D">Escenario 3: </span> Clases en las instalaciones de la Academia EGA con exclusividad, esta opción sería también en las instalaciones de la academia EGA pero con las clases en exclusividad para los alumnos del centro, siempre y manteniendo el mínimo de alumnos por nivel-clase.</p>
        
    </div>

</fieldset>

{% else %}

<fieldset>
    <legend class="titulos">TIPO DE FORMACIÓN</legend>
    <div class="container">        
        <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">ELIGE MODALIDAD DE CLASE</div>
        <br>
            <div class="row">
                <div class="col-md-2"> </div>
                <div class="col-md-4">                    
                    <input type="radio" name="modalidad_clase" value="Presencial (Instalaciones Academia EGA)"><label>Presencial (Instalaciones Academia EGA)</label>
                </div>             
                
                <div class="col-md-4">
                    <input type="radio" name="modalidad_clase" value="AulaVirtual (Formación con profesor en directo)"><label>AulaVirtual (Formación con profesor en directo)</label>
                </div>             
                
            </div>
        </div>
    </div>
</fieldset>
{% endif %}

<fieldset>
    <legend class="titulos">INFORMACIÓN DEL CURSO</legend>
    <div class="container">        
        <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">ESTA MATRÍCULA ES PARA</div>
        <br>
        <div id="matricula_para">
            <div class="row">
                <div class="col-md-3">                    
                    <input type="radio" name="tipo_alumno" value="Nuevo/a Alumno" id="nuevo_alumno"><label>Nuevo/a Alumno</label>
                </div>
                <div class="col-md-3">                    
                    <input type="radio" name="tipo_alumno" value="Alumno Curso 2024/2025" id="antiguo_alumno"><label>Alumno/a Curso 2023/2024</label>
                </div>
                <!--
                <div class="col-md-3">
                    <input type="radio" name="tipo_alumno" value="Antiguo/a Alumno" id="antiguo_alumno"><label>Antiguo/a Alumno</label>
                </div>
                -->
                <div class="col-md-3">
                    <input type="radio" name="tipo_alumno" value="Familiar Alumno" id="familiar_alumno"><label>Familiar Alumno</label>
                </div>
            </div>
            <div id="text_familia">
            <div class="row" style="margin-top: 10px;" >
                <label for="nombre" class="col-md-6 col-form-label">Número de Alumnos del núcleo familiar matriculados en la Academia:</label>
                <div class="col-md-1">
                    {{ formulario.total_alumnos_familia |add_class:"form-matriculas" }}
                </div>
            </div>
        </div>
        </div>
        </div>
    </div>
    <div class="container">        
        <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">CLASES O ACTIVIDAD A ASISTIR</div>
        <br>
        <div id="info_curso_1">
            <div class="row clases_asistir">
                <div class="col-md-1"></div>
                <div class="col-md-2">
                    <input type="radio" name="clases_asistir" value="Inglés" id="in_ingles"><label>Inglés</label>
                </div>
                <!--
                <div class="col-md-2">
                    <input type="radio" name="clases_asistir" value="Francés" id="in_frances"><label>Francés</label>
                </div>
                -->
                {% if matricula1.nombre_centro1 == "ega_toledo" %}                
                
                <div class="col-md-2">
                    <input type="radio" name="clases_asistir" value="Apoyo" id="in_apoyo"><label>Apoyo</label>
                </div>

                {% endif %}
                <!--

                <div class="col-md-3">
                    <input type="radio" name="clases_asistir" value="Escuela de Verano" id="in_escuela_verano"><label>Escuela de Verano <sup style="color:green">Nuevo</sup></label>
                </div>
                
                <div class="col-md-2">
                    <input type="radio" name="clases_asistir" value="Otros Cursos" id="in_otros_cursos"><label>Otros Cursos</label>
                </div>
                -->
            </div>
            <br>
        </div>
        </div>
    </div>
    <div class="container">        
    <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">CURSO / NIVEL </div>
        <br>
    <div {% if matricula.grupo %} style="display:block;" {% endif %} id="info_curso_2">
    
    <div id="nivel_todos">
        <br>
        <div class="row">
            <div class="col-md-4 grupos" id="grupo_apoyo_1">
                <p id="titulo_apoyo1"> TIPO </p>                
                <div class="selec_nivel" id="apoyo1_select">
                    <input type="radio" name="grupo" class="apoyo" value="Apoyo Inglés"> Apoyo Inglés <br>
                    <input type="radio" name="grupo" class="apoyo" value="Apoyo Matemáticas"> Apoyo Matemáticas <br>
                    <input type="radio" name="grupo" class="apoyo" value="Apoyo Lenguaje"> Apoyo Lenguaje <br>
                    <input type="radio" name="grupo" class="apoyo" value="Apoyo Alemán"> Apoyo Alemán <br>
                    <input type="radio" name="grupo" class="apoyo" value="Apoyo Francés"> Apoyo Francés <br>
                    <input type="radio" name="grupo" class="apoyo" value="Apoyo Otro"> Otro Especificar: &nbsp; {{ formulario.apoyo_otro }} 
                <br>
                <br>
                </div>
            </div>
            <div class="col-md-4 grupos" id="grupo_apoyo_2">
                <p id="titulo_apoyo1"> NIVEL APOYO </p>               
                <div class="selec_nivel" id="apoyo2_select">
                <input type="radio" name="g_apoyo" class="g_apoyo" value="1º, 2º o 3º Ed. Primaria" {% if matricula.g_apoyo == '1º, 2º o 3º Ed. Primaria' %} checked {%endif%}> 1º, 2º o 3º Ed. Primaria<br>
                <input type="radio" name="g_apoyo" class="g_apoyo" value="4º, 5º o 6º Ed. Primaria" {% if matricula.g_apoyo == '4º, 5º o 6º Ed. Primaria' %} checked {%endif%}> 4º, 5º o 6º Ed. Primaria <br>
                <input type="radio" name="g_apoyo" class="g_apoyo" value="1º o 2º ESO" {% if matricula.g_apoyo == '1º o 2º ESO' %} checked {%endif%}> 1º o 2º ESO <br>
                <input type="radio" name="g_apoyo" class="g_apoyo" value="3º o 4º ESO" {% if matricula.g_apoyo == '3º o 4º ESO' %} checked {%endif%}> 3º o 4º ESO <br>
                <input type="radio" name="g_apoyo" class="g_apoyo" value="1º Bachillerato" {% if matricula.g_apoyo == '1º Bachillerato' %} checked {%endif%}> 1º Bachillerato <br>
                <input type="radio" name="g_apoyo" class="g_apoyo" value="2º Bachillerato" {% if matricula.g_apoyo == '2º Bachillerato' %} checked {%endif%}> 2º Bachillerato <br>
                <br>
                <br>
                <br>
                </div>
            </div>
            <div class="col-md-5 grupos" id="grupo_escuela_verano">
                <p id="titulo_apoyo1"> ESCUELA DE VERANO <br>
                <sup style="color:green">Escoger el curso que se matriculará el alumno en 2024/2025</sup></p>                
                <div class="selec_nivel" id="apoyo1_select">
                    <input type="radio" name="grupo" class="escuela_verano" value="1º o 2º Ed. Primaria"> 1º o 2º Ed. Primaria <br>
                    <input type="radio" name="grupo" class="escuela_verano" value="3º o 4º Ed. Primaria"> 3º o 4º Ed. Primaria <br>
                    <input type="radio" name="grupo" class="escuela_verano" value="5º o 6º Ed. Primaria"> 5º o 6º Ed. Primaria <br>
                    <input type="radio" name="grupo" class="escuela_verano" value="1º o 2º ESO"> 1º o 2º ESO <br>
                    <input type="radio" name="grupo" class="escuela_verano" value="3º o 4º ESO"> 3º o 4º ESO <br>
                    <input type="radio" name="grupo" class="escuela_verano" value="1º o 2º Bachillerato"> 1º o 2º Bachillerato <br>
                <br>
                <br>
                </div>
            </div>
            <div class="col-md-4 grupos" id="grupo_otros_cursos">
                <p id="titulo_otros_cursos"> CURSO </p>                
                <div class="selec_nivel" id="otros_cursos_select">
                    <input type="radio" name="grupo" class="otros_cursos" id="escuela_taller" value="Escuela/Taller Informática"> Escuela/Taller Informática <br>
                    <!--<input type="radio" name="grupo" class="otros_cursos" value="Sin especificar"> .... <br>  -->                
                <br>
                <br>
                </div>
            </div>
            <div class="col-md-3 grupos" id="grupo1">
                <p id="titulo1">  
                    GRUPO 1
                    <br>
                    <span>Inglés Primera Etapa</span>
                </p>
                <div class="selec_nivel" id="g1_select">
                <input type="radio" name="grupo" class="grupo1" value="Babies (Ed. Infantil)" {% if matricula.grupo == 'Babies (Ed. Infantil)' %} checked {%endif%}> Babies (Ed. Infantil) <br>
                <input type="radio" name="grupo" class="grupo1" value="Starters 1 (1º Ed. Primaria)" {% if matricula.grupo == 'Starters 1 (1º Ed. Primaria)' %} checked {%endif%}> Starters 1 (1º Ed. Primaria) <br>
                <input type="radio" name="grupo" class="grupo1" value="Starters 2 (2º Ed. Primaria)" {% if matricula.grupo == 'Starters 2 (2º Ed. Primaria)' %} checked {%endif%}> Starters 2 (2º Ed. Primaria) <br>
                <input type="radio" name="grupo" class="grupo1" value="Movers 1 (3º Ed. Primaria)" {% if matricula.grupo == 'Movers 1 (3º Ed. Primaria)' %} checked {%endif%}> Movers 1 (3º Ed. Primaria) <br>
                <input type="radio" name="grupo" class="grupo1" value="Movers 2 (4º Ed. Primaria)" {% if matricula.grupo == 'Movers 2 (4º Ed. Primaria)' %} checked {%endif%}> Movers 2 (4º Ed. Primaria) <br>
                <input type="radio" name="grupo" class="grupo1" value="Flyers (5º Ed. Primaria)" {% if matricula.grupo == 'Flyers (5º Ed. Primaria)' %} checked {%endif%}> Flyers (5º Ed. Primaria) <br>
                <input type="radio" name="grupo" class="grupo1" value="Ket (6º Ed. Primaria)" {% if matricula.grupo == 'Ket (6º Ed. Primaria)' %} checked {%endif%}> Ket (6º Ed. Primaria) <br>
                <br>
                <br>
                <br>
                </div>
            </div>
            <div class="col-md-3 grupos" id="grupo2">
                <p id="titulo2">  
                    GRUPO 2
                    <br>
                    <span>Inglés Segunda Etapa</span>
                </p>
                <div class="selec_nivel" id="g2_select">
                <input type="radio" name="grupo" class="grupo2_a" value="PET 1 (B1 1er año)" {% if matricula.grupo == 'PET 1 (B1 1er año)' %} checked {%endif%}> PET 1 (B1 1er año) <br>
                <input type="radio" name="grupo" class="grupo2_a" value="PET 2 (B1 2º año)" {% if matricula.grupo == 'PET 2 (B1 2º año)' %} checked {%endif%}> PET 2 (B1 2º año) <br>
                <input type="radio" name="grupo" class="grupo2_b" value="FCE 1 (B2 1er año)" {% if matricula.grupo == 'FCE 1 (B2 1er año)' %} checked {%endif%}> FCE 1 (B2 1er año) <br>
                <input type="radio" name="grupo" class="grupo2_b" value="FCE 2 (B2 2º año)" {% if matricula.grupo == 'FCE 2 (B2 2º año)' %} checked {%endif%}> FCE 2 (B2 2º año) <br>
                <input type="radio" name="grupo" class="grupo2_c" value="CAE 1 (C1 1er año)" {% if matricula.grupo == 'CAE 1 (C1 1er año)' %} checked {%endif%}> CAE 1 (C1 1er año) <br>
                <input type="radio" name="grupo" class="grupo2_c" value="CAE 2 (C1 2º año)" {% if matricula.grupo == 'CAE 2 (C1 2º año)' %} checked {%endif%}> CAE 2 (C1 2º año) <br>
                <input type="radio" name="grupo" class="grupo2_c" value="CPE 1 (C2 1er año)" {% if matricula.grupo == 'CPE 1 (C2 1er año)' %} checked {%endif%}> CPE 1 (C2 1er año) <br>
                <input type="radio" name="grupo" class="grupo2_c" value="CPE 2 (C2 2º año)" {% if matricula.grupo == 'CPE 2 (C2 2º año)' %} checked {%endif%}> CPE 2 (C2 2º año) <br>
                <br>
                <br>
                </div>       
            
            </div>
            <div class="col-md-3 grupos" id="grupo3">
                <p id="titulo3">  
                    GRUPO 3
                    <br>
                    <span><span class="txt_ingles">Inglés Adultos</span><span class="txt_aleman_frances">Alemán o Francés (todas las edades)</span> </span>
                </p>
                <div class="selec_nivel" id="g3_select">
                <input type="radio" name="grupo" class="grupo3_a" value="A1" {% if matricula.grupo == 'A1' %} checked {%endif%}> A1 <br>
                <input type="radio" name="grupo" class="grupo3_a" value="A2" {% if matricula.grupo == 'A2' %} checked {%endif%}> A2 <br>
                <input type="radio" name="grupo" class="grupo3_b" value="B1" {% if matricula.grupo == 'B1' %} checked {%endif%}> B1 <br>
                <input type="radio" name="grupo" class="grupo3_b" value="B2" {% if matricula.grupo == 'B2' %} checked {%endif%}> B2 <br>
                <input type="radio" name="grupo" class="grupo3_b" value="C1" {% if matricula.grupo == 'C1' %} checked {%endif%}> C1 <br>
                <input type="radio" name="grupo" class="grupo3_b" value="C2" {% if matricula.grupo == 'C2' %} checked {%endif%}> C2 <br>
                <input type="radio" name="grupo" class="grupo4" value="Speaking (B1-B2)" {% if matricula.grupo == 'Speaking (B1-B2)' %} checked {%endif%}> <span class="txt_ingles"> Speaking (B1-B2) </span><br>
                <input type="radio" name="grupo" class="grupo4" value="Speaking (C1-C2)" {% if matricula.grupo == 'Speaking (C1-C2)' %} checked {%endif%}> <span class="txt_ingles"> Speaking (C1-C2) </span> <br>
                <input type="radio" name="grupo" class="grupo_all" id="one_to_one" value="One to One" {% if matricula.grupo == 'One to One' %} checked {%endif%}> <span class="txt_ingles"> One to One </span><br>
                
                </div>
            </div>
            <div class="col-md-3 grupos" id="grupo4">
                <p id="titulo4">  

                    GRUPO 4
                    <br>
                    <span>INTENSIVOS</span>
                </p>
                <div class="selec_nivel" id="g3_select">
                    <div id="g4_normal">
                        <!--
                        <div style="font-size: .85em;text-align: center;">
                        Intensivos CAMBRIDGE <br> del 20/05/2021 al 18/06/2021 <br>
                        </div>
                        <input type="radio" name="grupo" class="grupo_new2_1" value="Intensivo PET(B1) - (Exámen 19/06/2021)"> PET(B1) - (Exámen 19/06/2021) <br>
                        <input type="radio" name="grupo" class="grupo_new2_1" value="Intensivo FCE(B2) - (Exámen 19/06/2021)"> FCE(B2) - (Exámen 19/06/2021) <br>
                        <input type="radio" name="grupo" class="grupo_new2_1" value="Intensivo CAE(C1) - (Exámen 19/06/2021)"> CAE(C1) - (Exámen 19/06/2021) <br>
                        <hr>
                        <div style="font-size: .85em;text-align: center;">
                        Intensivos CAMBRIDGE <br> del 21/06/2021 al 16/07/2021 <br>
                        </div>
                        <input type="radio" name="grupo" class="grupo_new2_2" value="Intensivo PET(B1) - (Exámen 20/07/2021)"> PET(B1) - (Exámen 20/07/2021) <br>
                        <input type="radio" name="grupo" class="grupo_new2_2" value="Intensivo FCE(B2) - (Exámen 29/07/2021)"> FCE(B2) - (Exámen 29/07/2021) <br>
                        <input type="radio" name="grupo" class="grupo_new2_2" value="Intensivo CAE(C1) - (Exámen 30/07/2021)"> CAE(C1) - (Exámen 30/07/2021) <br>
                        <hr>                    
                        <input type="radio" name="grupo" class="grupo_new2_3" value="Intensivo - Aptis General (B1/B2)"> Aptis General (B1/B2) <br> del 20/09/2022 al 15/11/2022 <br> Martes y Jueves de 18:00 h a 20:00 h.
                        <div style="font-size: .85em;text-align: center;">
                        Intensivos APTIS del 01/07/2021 al 28/07/2021 <br>
                        </div>
                        <input type="radio" name="grupo" class="grupo_new2_2" value="Intensivo APTIS GENERAL"> APTIS GENERAL<br>
                        <input type="radio" name="grupo" class="grupo_new2_2" value="Intensivo APTIS ADVANCED"> APTIS ADVANCED<br>
                        -->                      
                    </div>
                <br>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>

</fieldset>


{% if matricula1.nombre_centro1 == "ega_yepes" or matricula1.nombre_ampa1 == "ampa_cervantes_yepes" %}

<fieldset>
    <legend class="titulos">HORARIOS DE CLASE</legend>
    <br>
    <div class="container">        
        <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">PREFERENCIAS DÍAS DE LA SEMANA Y HORARIO</div>        
        <div {% if matricula.dias_semana %} style="display:block;" {% endif %} id="info_curso_3">
            <br>
                <div class="row">
                        
                    <label class="col-md-12"> <p>Elige dos (2) días y horas con tus preferencias para las clases.</p></label>
                </div>
                <div class="row">
                    <label class="col-md-3">Días y Horas de Preferencia 1:</label> {{ formulario.preferencia_dias_1 }} &nbsp;&nbsp;&nbsp; {{ formulario.preferencia_horas_1 }}
                </div>
                <br>
                <div class="row">
                    <label class="col-md-3">Días y Horas de Preferencia 2:</label> {{ formulario.preferencia_dias_2 }} &nbsp;&nbsp;&nbsp; {{ formulario.preferencia_horas_2 }}
                </div>
                <input type="hidden" name="txt_preferencia_dias_1" id="id_txt_preferencia_dias_1" >
                <input type="hidden" name="txt_preferencia_horas_1" id="id_txt_preferencia_horas_1" >
                <input type="hidden" name="txt_preferencia_dias_2" id="id_txt_preferencia_dias_2" >
                <input type="hidden" name="txt_preferencia_horas_2" id="id_txt_preferencia_horas_2" >

                <input type="hidden" id="txt_nombre_centro"  value="{{ matricula1.nombre_centro1 }}">
        </div>
        </div>
    </div>
    <br>

    <div class="container">        
        <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">OBSERVACIONES O COSAS QUE DEBAMOS SABER</div>
        <br>
    <div id="info_curso_5">
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-10">
                    {{ formulario.observaciones }}
                </div>
                <div class="col-md-1"></div>
            </div>
        </div>
    </div>
    </div>

</fieldset>

<div class="btn_pasos">
    <!-- <button type="button" class="btn btn-secondary" onclick="paso1({{ matricula.id }})">VOLVER </button>--> 
    <button type="button" id="btn_paso3" class="btn btn-danger" onclick="paso3(1)">SIGUIENTE PASO</button>   
</div>

{% else %}

<fieldset>
    <legend class="titulos">HORARIOS DE CLASE</legend>
    <br>
    <div class="container">        
        <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">DÍAS DE LA SEMANA</div>        
    <div {% if matricula.dias_semana %} style="display:block;" {% endif %} id="info_curso_3">
        <br>
            <div class="row">
                
                <div class="col-md-1"></div>
                <div class="col-md-4" id="g_todos_los_dias">
                    <input type="radio" name="dias_semana" value="LUNES A VIERNES" id="lunes_viernes"><label>LUNES A VIERNES</label>
                </div>

                <div class="col-md-4" id="g_lunes_miercoles">
                    <input type="radio" name="dias_semana" value="LUNES Y MIÉRCOLES" id="lunes_miercoles" {% if matricula.dias_semana == 'LUNES Y MIÉRCOLES' %} checked {%endif%}><label>LUNES Y MIÉRCOLES</label>
                </div>               
                
                <div class="col-md-4" id="g_martes_jueves">
                    <input type="radio" name="dias_semana" value="MARTES Y JUEVES" id="martes_jueves" {% if matricula.dias_semana == 'MARTES Y JUEVES' %} checked {%endif%}><label>MARTES Y JUEVES</label>
                </div>                
                
                <div class="col-md-3" id="g_viernes">
                    <input type="radio" name="dias_semana" value="VIERNES" id="viernes" {% if matricula.dias_semana == 'VIERNES' %} checked {%endif%}><label>VIERNES</label>
                </div>
                
                <!--
                <div class="col-md-3">
                    <input type="radio" name="dias_semana" value="de LUNES a VIERNES" id="lunes_viernes" {% if matricula.dias_semana == 'de LUNES a VIERNES' %} checked {%endif%}><label>de LUNES A VIERNES</label>
                </div> 
                -->
                
            </div>
    </div>
        </div>
    </div>
    <br>
    <div class="container">        
        <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">HORARIO</div>
        <br>
    <div {% if matricula.id_matricula %} style="display:block;" {% endif %} id="info_curso_4">
            <div class="row">                
                <div class="col-md-4" id="gr_mananas">
                    <p class="titulo_horario">MAÑANAS</p>
                    <p class="titulo_horario">Todas</p>                    
                    <div class="horario_clase">
                        <br>
                        <!--
                        <input type="radio" name="horario" value="09:30-11:30" {% if matricula.horario == '09:30-11:30' %} checked {%endif%}> 09:30 - 11:30 <br>
                        <input type="radio" name="horario" value="10:00-12:00" {% if matricula.horario == '10:00-12:00' %} checked {%endif%}> 10:00 - 12:00 <br>
                        <input type="radio" name="horario" value="11:30-13:30" {% if matricula.horario == '11:30-13:30' %} checked {%endif%}> 11:30 - 13:30 <br>
                        -->
                        <input type="radio" name="horario" id="h11" value="10:30-12:30" {% if matricula.horario == '10:30-12:30' %} checked {%endif%}> 10:30 - 12:30 (4h/sem) <br>
                        <hr>
                        <input type="radio" name="horario" id="h1" value="10:30-11:30" {% if matricula.horario == '10:30-11:30' %} checked {%endif%}> 10:30 - 11:30  (2h/sem)<br>
                        <input type="radio" name="horario" id="h2" value="11:30-12:30" {% if matricula.horario == '11:30-12:30' %} checked {%endif%}> 11:30 - 12:30 (2h/sem) <br>
                        <input type="radio" name="horario" id="h3" value="12:30-13:30" {% if matricula.horario == '12:30-13:30' %} checked {%endif%}> 12:30 - 13:30 (2h/sem) <br>
                        <br>
                        <br>
                        <br>
                    </div>                   
                </div>
                <div class="col-md-4" id="gr_lunes_jueves">
                    <p class="titulo_horario">TARDES</p>
                    <p class="titulo_horario">Lunes/Miércoles y Martes/Jueves</p>
                    <div class="horario_clase">
                        <br>
                        <input type="radio" name="horario" id="h4" value="16:00-17:00" {% if matricula.horario == '16:00-17:00' %} checked {%endif%}> 16:00 - 17:00 (2h/sem)<br>
                        <input type="radio" name="horario" id="h5" value="17:00-18:00" {% if matricula.horario == '17:00-18:00' %} checked {%endif%}> 17:00 - 18:00 (2h/sem)<br>
                        <input type="radio" name="horario" id="h6" value="18:00-19:00" {% if matricula.horario == '18:00-19:00' %} checked {%endif%}> 18:00 - 19:00 (2h/sem)<br>
                        <input type="radio" name="horario" id="h7" value="19:00-20:00" {% if matricula.horario == '19:00-20:00' %} checked {%endif%}> 19:00 - 20:00 (2h/sem)<br>
                        <input type="radio" name="horario" id="h8" value="20:00-21:00" {% if matricula.horario == '20:00-21:00' %} checked {%endif%}> 20:00 - 21:00 (2h/sem)<br>
                        <!--
                        <hr>
                        <input type="radio" name="horario" id="h12" value="16:00-18:00" {% if matricula.horario == '16:00-18:00' %} checked {%endif%}> 16:00 - 18:00 (4h/sem)<br>
                        <input type="radio" name="horario" id="h13" value="19:00-21:00" {% if matricula.horario == '19:00-21:00' %} checked {%endif%}> 19:00 - 21:00 (4h/sem)<br>
                        <br>
                        -->
                    </div>  
                </div>
                <div class="col-md-4" id="gr_viernes">
                    <p class="titulo_horario">TARDES</p>
                    <p class="titulo_horario">Viernes</p>
                    <div class="horario_clase">
                        <br>
                        <input type="radio" name="horario" id="h9" value="16:30-18:30"> 16:30 - 18:30 (2h/sem)<br>
                        <input type="radio" name="horario" id="h10" value="18:30-23:00"> 18:30 - 20:30 (2h/sem)<br>
                        <br>
                        <br>
                        <br>
                        <br>
                    </div> 
                </div>
                <div class="col-md-4" id="gr_todos_los_dias">
                    <p class="titulo_horario">INTENSIVOS</p>
                    <p class="titulo_horario">Lunes y Miércoles</p>
                    <div class="horario_clase">
                        <br>
                        <!--
                        <input type="radio" name="horario" id="h20" value="09:30-11:30"> 09:30 - 11:30 (10h/sem)<br>
                        <input type="radio" name="horario" id="h21" value="10:30-12:30"> 10:30 - 12:30 (10h/sem)<br>
                        <input type="radio" name="horario" id="h22" value="11:30-13:30"> 11:30 - 13:30 (10h/sem)<br>
                        <span style="color: #ff0000; font-size: .8em;">* Intensivo de APTIS de LUNES A JUEVES (6h/sem)</span>
                        <hr>
                        <input type="radio" name="horario" id="h23" value="18:00-20:00"> 18:00 - 20:00 (10h/sem)<br>
                        <br>                        
                        <span style="color: #ff0000; font-size: .8em;">* INTENSIVOS 2022 </span>
                        <br>
                        -->
                        <input type="radio" name="horario" id="h20" value="Tarde">Tardes<br>
                        <input type="radio" name="horario" id="h21" value="Mañanas">Mañanas<br>
                    </div>  
                </div>
                <div class="col-md-5" id="gr_escuela_verano">
                    <p class="titulo_horario">MAÑANAS
                        <br>
                        <sup style="color: green;">* El horario puede estar sujeto a cambio dependiendo de la demanda de cada grupo</sup>
                    </p>
                    <div class="horario_clase" style="text-align: left;">
                        <br>
                        <input type="radio" name="horario" id="h30" value="09:30 - 11:00" style="margin-left: 3em;"> 09:30 - 11:00 | Primaria (1:30h/día)<br>
                        <input type="radio" name="horario" id="h31" value="11:00 - 12:30" style="margin-left: 3em;"> 11:00 - 12:30 | ESO (1:30h/día)<br>
                        <input type="radio" name="horario" id="h31" value="12:30 - 14:00" style="margin-left: 3em;"> 12:30 - 14:00 | Bachillerato (1:30h/día)<br>
                    </div>  
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-md-1"></div>               
                <div class="col-md-10">
                    <div class="horario_clase">
                    <input type="radio" name="horario" value="horario_otro"> Otro horario en mi Nivel: " &nbsp; {{ formulario.otro_horario }} (especificar)
                    </div>
                </div>
                <div class="col-md-1"></div>
            </div>
        </div>
    </div>
    </div>

    <div class="container">        
        <div class="form-group form-group-md col-md-12">
        <div class="texto_cabecera_2">OBSERVACIONES O COSAS QUE DEBAMOS SABER</div>
        <br>
    <div id="info_curso_5">
            <div class="row">
                <div class="col-md-1"></div>
                <div class="col-md-10">
                    {{ formulario.observaciones }}
                </div>
                <div class="col-md-1"></div>
            </div>
        </div>
    </div>
    </div>

</fieldset>

<div class="btn_pasos">
    <!-- <button type="button" class="btn btn-secondary" onclick="paso1({{ matricula.id }})">VOLVER </button>--> 
    <button type="button" id="btn_paso3" class="btn btn-danger" onclick="paso3(2)">SIGUIENTE PASO</button>   
</div>
    
{% endif %}

<input type="hidden" name="importe_matricula" id="id_importe_matricula" >
<input type="hidden" name="importe_curso" id="id_importe_curso" >
<input type="hidden" name="estado_pago_matricula" id="id_estado_pago_matricula" value="Pendiente">

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

</div>
</form>

<!-- ################################################################################################## -->
<!-- ############################### SCRIPTS ########################################################## -->
<!-- ################################################################################################## -->


{% if matricula1.nombre_ampa1 == "ampa_alfonsovi" or matricula1.nombre_ampa1 == "ampa_nara" or matricula1.nombre_ampa1 == "ampa_europa" or matricula1.nombre_ampa1 == "ampa_garcilaso" or matricula1.nombre_ampa1 == "ampa_valparaiso"  %}

<script type="text/javascript">
    
    $('#id_escenario1').click(function(){
        $('#exclusividad').hide();
    })

    $('#id_escenario2').click(function(){
        $('#exclusividad').hide();
    })

    $('#id_escenario3').click(function(){
        $('#exclusividad').show();
    })

    $('#nuevo_alumno').click(function(){
        $("#id_importe_matricula").val('40');
    })

    $('#alumno').click(function(){
        $("#id_importe_matricula").val('0');
    })

    $('#antiguo_alumno').click(function(){        
        $("#id_importe_matricula").val('30');
    })

    $('#familiar_alumno').click(function(){        
        $("#id_importe_matricula").val('35');
    })

</script>

{% endif %}


{% if matricula1.nombre_ampa1 == "ampa_cervantes_yepes" %}

<script type="text/javascript">
    $('#nuevo_alumno').click(function(){
        $("#id_importe_matricula").val('40');
    })

    $('#antiguo_alumno').click(function(){        
        $("#id_importe_matricula").val('30');
    })

    $('#familiar_alumno').click(function(){        
        $("#id_importe_matricula").val('35');
    })
</script>

{% endif %}

{% if matricula1.nombre_centro1 == "ega_yepes" %}

<script type="text/javascript">
    $('#nuevo_alumno').click(function(){
        $("#id_importe_matricula").val('40');
    })

    $('#antiguo_alumno').click(function(){        
        $("#id_importe_matricula").val('30');
    })

    $('#familiar_alumno').click(function(){        
        $("#id_importe_matricula").val('35');
    })
</script>

{% endif %}

{% if matricula1.nombre_centro1 == "ega_toledo" %}
    

<script type="text/javascript">

      
            
    $('#nuevo_alumno').click(function(){

        if ( $("#id_importe_matricula").val() != '48'){
            $("#id_importe_matricula").val('40');
        }        
    })

    $('#antiguo_alumno').click(function(){

        if ( $("#id_importe_matricula").val() != '48'){
            $("#id_importe_matricula").val('30');
        }  
    })

    $('#familiar_alumno').click(function(){

        if ( $("#id_importe_matricula").val() != '48'){
            $("#id_importe_matricula").val('35');
        }  
    })

    $('#escuela_taller').click(function(){
        $("#id_importe_matricula").val('48');
    })
    
    $('#one_to_one').click(function(){
        $("#id_importe_matricula").val('0');
    })

</script>
    
{% endif %}
    

<script type="text/javascript">

    $('#in_escuela_verano').click(function(){        
        $("#id_importe_matricula").val('0');
    })
    

    /* ############################# ACTIVO PASOS ############################ */

    $('input:radio[name=tipo_alumno]').click(function(){
        $('#info_curso_1').show();        
    })

    $('input:radio[name=clases_asistir]').click(function(){

        $('#info_curso_2').show(); 
    })

    $('input:radio[name=grupo]').click(function(){

        $('#info_curso_3').show(); 
    })

    $('input:radio[name=horario]').click(function(){

        $('#info_curso_5').show();
        $('#btn_paso3').show();  
    })

    $('input:radio[name=modalidad_clase]').click(function(){
        $('#matricula_para').show();
    }) 
    
    $('input:radio[name=escenario_ampa]').click(function(){
        $('#matricula_para').show();
    })

    $('select#id_preferencia_dias_1').change(function(){        
        $('#id_txt_preferencia_dias_1').val($('select#id_preferencia_dias_1 option:selected').text())    
    })

    $('select#id_preferencia_horas_1').change(function(){        
        $('#id_txt_preferencia_horas_1').val($('select#id_preferencia_horas_1 option:selected').text())    
    })

    $('select#id_preferencia_dias_2').change(function(){        
        $('#id_txt_preferencia_dias_2').val($('select#id_preferencia_dias_2 option:selected').text())    
    })

    $('select#id_preferencia_horas_2').change(function(){        
        $('#id_txt_preferencia_horas_2').val($('select#id_preferencia_horas_2 option:selected').text())    
    })

    $('select#id_preferencia_dias_1').change(function(){
        $('#info_curso_5').show();
        $('#btn_paso3').show();  
    })
    
    $('id_preferencia_horas_1').click(function(){
        $('#info_curso_5').show();
        $('#btn_paso3').show();  
    })

    $('id_preferencia_dias_2').click(function(){
        $('#info_curso_5').show();
        $('#btn_paso3').show();  
    })

    $('id_preferencia_horas_2').click(function(){
        $('#info_curso_5').show();
        $('#btn_paso3').show();  
    })

    /* ############################# CLASES ################################## */

    $('#familiar_alumno').click(function(){
        $('#text_familia').show(); 
    })

    $('#nuevo_alumno').click(function(){
        $('#text_familia').hide(); 
    })

    $('#alumno').click(function(){
        $('#text_familia').hide(); 
    })

    $('#antiguo_alumno').click(function(){
        $('#text_familia').hide(); 
    })

    /* ############################# NIVELES ################################## */

    var in_ingles = function(){
        $('#grupo1').show();
        $('#grupo2').show();
        $('#grupo3').show();
        $('#grupo4').show();
        $('#grupo_new1').show();
        $('#grupo_new2').show();
        $('#grupo_apoyo_1').hide();
        $('#grupo_apoyo_2').hide();
        $('#grupo_escuela_verano').hide();
        $('#grupo_otros_cursos').hide();

        $('.grupo4').show();
        $('#one_to_one').show();
        $('.txt_ingles').show();
        $('.txt_aleman_frances').hide();

    }
    
    var in_aleman = function(){
        $('#grupo1').hide();
        $('#grupo2').hide();
        $('#grupo3').show();
        $('#grupo4').hide();
        $('#grupo_new1').hide();
        $('#grupo_new2').hide();
        $('#grupo_apoyo_1').hide();
        $('#grupo_apoyo_2').hide();
        $('#grupo_escuela_verano').hide();
        $('#grupo_otros_cursos').hide();

        $('.grupo4').hide();
        $('#one_to_one').hide();
        $('.txt_ingles').hide();
        $('.txt_aleman_frances').show();
    }

    var in_frances = function(){
        $('#grupo1').hide();
        $('#grupo2').hide();
        $('#grupo3').show();
        $('#grupo4').hide();
        $('#grupo_new1').hide();
        $('#grupo_new2').hide();
        $('#grupo_apoyo_1').hide();
        $('#grupo_apoyo_2').hide();
        $('#grupo_escuela_verano').hide();
        $('#grupo_otros_cursos').hide();

        $('.grupo4').hide();
        $('#one_to_one').hide();
        $('.txt_ingles').hide();
        $('.txt_aleman_frances').show();
    }

    var in_apoyo = function(){
        $('#grupo1').hide();
        $('#grupo2').hide();
        $('#grupo3').hide();
        $('#grupo4').hide();
        $('#grupo_new1').hide();
        $('#grupo_new2').hide();
        $('#grupo_apoyo_1').show();
        $('#grupo_apoyo_2').show();
        $('#grupo_escuela_verano').hide();
        $('#grupo_otros_cursos').hide();

        $('.grupo4').hide();
        $('#one_to_one').hide();
        $('.txt_ingles').hide();
        $('.txt_aleman_frances').hide();
    }

    var in_escuela_verano = function(){
        $('#grupo1').hide();
        $('#grupo2').hide();
        $('#grupo3').hide();
        $('#grupo4').hide();
        $('#grupo_new1').hide();
        $('#grupo_new2').hide();
        $('#grupo_apoyo_1').hide();
        $('#grupo_apoyo_2').hide();
        $('#grupo_otros_cursos').hide();
        $('#grupo_escuela_verano').show();

        $('.grupo4').hide();
        $('#one_to_one').hide();
        $('.txt_ingles').hide();
        $('.txt_aleman_frances').hide();
    }

    var in_otros_cursos = function(){
        $('#grupo1').hide();
        $('#grupo2').hide();
        $('#grupo3').hide();
        $('#grupo4').hide();
        $('#grupo_new1').hide();
        $('#grupo_new2').hide();
        $('#grupo_apoyo_1').hide();
        $('#grupo_apoyo_2').hide();
        $('#grupo_escuela_verano').hide();
        $('#grupo_otros_cursos').show();

        $('.grupo4').hide();
        $('#one_to_one').hide();
        $('.txt_ingles').hide();
        $('.txt_aleman_frances').hide();
    }

$('#in_ingles').click(in_ingles)
$('#in_aleman').click(in_aleman)
$('#in_frances').click(in_frances)
$('#in_apoyo').click(in_apoyo)
$('#in_escuela_verano').click(in_escuela_verano)
$('#in_otros_cursos').click(in_otros_cursos)

/* ############################# DiAS ################################## */

var dias_1 = function(){
    $('#g_lunes_miercoles').show();
    $('#g_martes_jueves').show();
    $('#g_viernes').hide();
    $('#g_todos_los_dias').hide();
    
    
    $('#info_curso_4').show();
    $('#gr_mananas').hide();
    $('#gr_lunes_jueves').show();
    $('#gr_viernes').hide();
    $('#gr_todos_los_dias').hide();
    $('#gr_escuela_verano').hide();

    $('#lunes_miercoles').prop( "checked", false );
    $('#martes_jueves').prop( "checked", false );
    $('#viernes').prop( "checked", false );
}

var dias_2 = function(){
    $('#g_lunes_miercoles').show();
    $('#g_martes_jueves').show();
    $('#g_viernes').show();
    $('#g_todos_los_dias').hide();

    $('#info_curso_4').show();
    $('#gr_mananas').hide();
    $('#gr_lunes_jueves').show();
    $('#gr_viernes').show();
    $('#gr_todos_los_dias').hide();
    $('#gr_escuela_verano').hide();

    $('#lunes_miercoles').prop( "checked", false );
    $('#martes_jueves').prop( "checked", false );
    $('#viernes').prop( "checked", false );
}

var dias_3 = function(){
    $('#g_lunes_miercoles').show();
    $('#g_martes_jueves').show();
    $('#g_viernes').show();
    $('#g_todos_los_dias').hide();

    $('#info_curso_4').show();
    $('#gr_mananas').show();
    $('#gr_lunes_jueves').show();
    $('#gr_viernes').show();
    $('#gr_todos_los_dias').hide();
    $('#gr_escuela_verano').hide();

    $('#lunes_miercoles').prop( "checked", false );
    $('#martes_jueves').prop( "checked", false );
    $('#viernes').prop( "checked", false );
}

var dias_4 = function(){
    $('#g_lunes_miercoles').show();
    $('#g_martes_jueves').show();
    $('#g_viernes').show();
    $('#g_todos_los_dias').hide();

    $('#info_curso_4').show();
    $('#gr_mananas').show();
    $('#gr_lunes_jueves').show();
    $('#gr_viernes').show();
    $('#gr_todos_los_dias').hide();
    $('#gr_escuela_verano').hide();

    $('#lunes_miercoles').prop( "checked", false );
    $('#martes_jueves').prop( "checked", false );
    $('#viernes').prop( "checked", false );
}

var dias_5 = function(){
    $('#g_lunes_miercoles').show();
    $('#g_martes_jueves').show();
    $('#g_viernes').show();
    $('#g_todos_los_dias').hide();

    $('#info_curso_4').show();
    $('#gr_mananas').hide();
    $('#gr_lunes_jueves').show();
    $('#gr_viernes').show();
    $('#gr_todos_los_dias').hide();
    $('#gr_escuela_verano').hide();

    $('#lunes_miercoles').prop( "checked", false );
    $('#martes_jueves').prop( "checked", false );
    $('#viernes').prop( "checked", false );
}

var dias_6 = function(){
    $('#g_lunes_miercoles').show();
    $('#g_martes_jueves').show();
    $('#g_viernes').show();
    $('#g_todos_los_dias').hide();

    $('#info_curso_4').show();
    $('#gr_mananas').hide();
    $('#gr_lunes_jueves').show();
    $('#gr_viernes').show();
    $('#gr_todos_los_dias').hide();
    $('#gr_escuela_verano').hide();

    $('#lunes_miercoles').prop( "checked", false );
    $('#martes_jueves').prop( "checked", false );
    $('#viernes').prop( "checked", false );
}

var dias_7 = function(){
    $('#info_curso_3').show();
    $('#g_lunes_miercoles').show();
    $('#g_martes_jueves').hide();
    $('#g_viernes').hide();
    $('#g_todos_los_dias').hide();

    $('#info_curso_4').show();
    $('#gr_mananas').show();
    $('#gr_lunes_jueves').show();
    $('#gr_viernes').hide();
    $('#gr_todos_los_dias').hide();
    $('#gr_escuela_verano').hide();
    
    $('#lunes_miercoles').prop( "checked", true );
    $('#martes_jueves').prop( "checked", false );
    $('#viernes').prop( "checked", false );
}

var dias_8 = function(){
    $('#g_lunes_miercoles').hide();
    $('#g_martes_jueves').hide();
    $('#g_viernes').hide();
    $('#g_todos_los_dias').show();
    

    $('#info_curso_4').show();
    $('#gr_mananas').hide();
    $('#gr_lunes_jueves').hide();
    $('#gr_viernes').hide();
    $('#gr_todos_los_dias').hide();
    $('#gr_escuela_verano').show();

    $('#lunes_miercoles').prop( "checked", false);
    $('#martes_jueves').prop( "checked", false );
    $('#viernes').prop( "checked", false );
    $('#lunes_viernes').prop( "checked", true );
}

var dias_new1 = function(){
    $('#g_lunes_miercoles').hide();
    $('#g_martes_jueves').hide();
    $('#g_viernes').hide();
    $('#g_todos_los_dias').show();
    $('#gr_escuela_verano').hide();

    $('#info_curso_4').show();
    $('#gr_mananas').hide();
    $('#gr_lunes_jueves').hide();
    $('#gr_viernes').hide();
    $('#gr_todos_los_dias').show();
    $('#gr_escuela_verano').hide();

    $('#lunes_miercoles').prop( "checked", false );
    $('#martes_jueves').prop( "checked", false );
    $('#viernes').prop( "checked", false );
    $('#lunes_viernes').prop( "checked", true );

    
    if($("#alumno").is(':checked')) {  
        $("#id_importe_matricula").val('0');  
    }
    if($("#nuevo_alumno").is(':checked')) {  
        $("#id_importe_matricula").val('20');  
    }
    if($("#antiguo_alumno").is(':checked')) {
        $("#id_importe_matricula").val('20');  
    }
    if($("#familiar_alumno").is(':checked')) {  
        $("#id_importe_matricula").val('20');  
    }
}

$('.grupo1').click(dias_1);
$('.grupo2, .grupo2_a, .grupo2_b, .grupo2_c').click(dias_2);
$('.grupo3, .grupo3_a, .grupo3_b').click(dias_3);
$('.grupo4').click(dias_4);
$('.grupo_all').click(dias_4);
$('.grupo_new1').click(dias_new1);
$('.grupo_new2_1').click(dias_new1);
$('.grupo_new2_2').click(dias_new1);
$('.grupo_new2_3').click(dias_new1);
$('.grupo_new2_4').click(dias_new1);
$('.apoyo').click(dias_5);
$('.g_apoyo').click(dias_6);
$('.escuela_verano').click(dias_8);
$('.otros_cursos').click(dias_7);

/* ############################# HORARIOS ################################## */

var grupo_all = function(){
    $('#h1').show();
    $('#h2').show();
    $('#h3').show();

    $('#h4').show();
    $('#h5').show();
    $('#h6').show();
    $('#h7').show();
    $('#h8').show();

    $('#h9').show();
    $('#h10').show();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var grupo1 = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').show();
    $('#h5').show();
    $('#h6').hide();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').hide();
    $('#h10').hide();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var grupo2_a = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').show();
    $('#h5').show();
    $('#h6').show();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').show();
    $('#h10').hide();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var grupo2_b = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').show();
    $('#h5').show();
    $('#h6').show();
    $('#h7').show();
    $('#h8').show();

    $('#h9').show();
    $('#h10').hide();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var grupo2_c = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').show();
    $('#h7').show();
    $('#h8').show();

    $('#h9').show();
    $('#h10').hide();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var grupo3_a = function(){
    $('#h1').show();
    $('#h2').show();
    $('#h3').show();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').hide();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').hide();
    $('#h10').show();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var grupo3_b = function(){
    $('#h1').show();
    $('#h2').show();
    $('#h3').show();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').hide();
    $('#h7').show();
    $('#h8').show();

    $('#h9').hide();
    $('#h10').show();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var grupo4 = function(){
    $('#h1').show();
    $('#h2').show();
    $('#h3').show();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').hide();
    $('#h7').show();
    $('#h8').show();

    $('#h9').hide();
    $('#h10').show();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var g_apoyo = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').show();
    $('#h5').show();
    $('#h6').hide();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').show();
    $('#h10').hide();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var apoyo = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').show();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').show();
    $('#h10').hide();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
}

var otros_cursos = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').hide();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').hide();
    $('#h10').hide();

    $('#h11').show();
    $('#h12').show();
    $('#h13').hide();
}

var grupo_new1 = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').hide();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').hide();
    $('#h10').hide();

    $('#h11').show();
    $('#h12').hide();
    $('#h13').hide();

    $('#h11').prop( "checked", true );
    $('#info_curso_5').show();
    $('#btn_paso3').show();
}

var grupo_new2_1 = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').hide();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').hide();
    $('#h10').hide();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
    
    $('#h20').hide();
    $('#h21').show();
    $('#h22').hide();
    $('#h23').show();

    $('#info_curso_5').show();
    $('#btn_paso3').show();
}

var grupo_new2_2 = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').hide();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').hide();
    $('#h10').hide();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
    
    $('#h20').show();
    $('#h21').hide();
    $('#h22').show();
    $('#h23').hide();

    $('#info_curso_5').show();
    $('#btn_paso3').show();
}

var grupo_new2_3 = function(){
    $('#h1').hide();
    $('#h2').hide();
    $('#h3').hide();

    $('#h4').hide();
    $('#h5').hide();
    $('#h6').hide();
    $('#h7').hide();
    $('#h8').hide();

    $('#h9').hide();
    $('#h10').hide();

    $('#h11').hide();
    $('#h12').hide();
    $('#h13').hide();
    
    $('#h20').show();
    $('#h21').hide();
    $('#h22').hide();
    $('#h23').hide();

    $('#info_curso_5').show();
    $('#btn_paso3').show();
    $('#h20').prop( "checked", true );
    $('#gr_todos_los_dias').hide();
    
}

$('.grupo_all').click(grupo_all)
$('.grupo1').click(grupo1)
$('.grupo2_a').click(grupo2_a)
$('.grupo2_b').click(grupo2_b)
$('.grupo2_c').click(grupo2_c)
$('.grupo3_a').click(grupo3_a)
$('.grupo3_b').click(grupo3_b)
$('.grupo4').click(grupo4)
$('.grupo_new1').click(grupo_new1)
$('.grupo_new2_1').click(grupo_new2_1)
$('.grupo_new2_2').click(grupo_new2_2)
$('.grupo_new2_3').click(grupo_new2_3)
$('.g_apoyo').click(g_apoyo)
$('.apoyo').click(apoyo)
$('.otros_cursos').click(otros_cursos)


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


</script>

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

{% endblock contenido %}