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

{% block head %}

<style type="text/css">
    #id_IBAN, #id_nombre_centro, #id_tutor1_email, #id_tutor2_email {
        min-width: 80%;
    }
</style>

{% endblock head %}

{% 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">
    <a class="btn btn-danger btn-xs" href="/listado_matriculas/">LISTADO MATRÍCULAS</a>
</div>
{% endblock inicio %}


{% block contenido %}

<div id="paso4">
    <ol class="breadcrumb">
        <li class="active">PASO 4 de 4</li>
    </ol>
</div>

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

<fieldset>
    <legend class="titulos">EDITAR MATRÍCULA: "{{ matricula_p1.nombre }} {{ matricula_p1.apellidos }}"</legend>
    <div class="texto_cabecera_2" style="font-size: .9em; text-align: center; border-bottom: 1px solid #9d001d;; border-top: 1px solid #9d001d; margin-bottom: 4px;">REF.: {{ matricula_p1.referencia }}</div>
    <div class="texto_cabecera_2">DATOS PERSONALES ALUMNO/A</div>
    <br>
    <div class="container">
        
        {% if matricula_p1.nombre_ampa %}
            <div class="form-group form-group-md col-md-12">
                <div class="row">
                    <label for="nombre" class="col-md-2 col-form-label">AMPA:</label>
                    <div class="col-md-3">
                        <span  class="lbl_resumen">{{ form_p1.nombre_ampa }}</span>
                    </div>
                    <label for="apellidos" class="col-md-2 col-form-label">Socio:</label>
                    <div class="col-md-1">
                        <span  class="lbl_resumen">{{ form_p1.p_socia_ampa }}</span>
                    </div>
                    <label for="apellidos" class="col-md-2 col-form-label">Nº Socio:</label>
                    <div class="col-md-1">
                        <span  class="lbl_resumen">{{ form_p1.id_ampa }}</span>
                    </div>
                </div>
            </div>
        {% endif %}

        {% if form_p1.nombre_centro %}
            <div class="form-group form-group-md col-md-12">
                <div class="row">
                    <label for="nombre" class="col-md-2 col-form-label">CENTRO:</label>
                    <div class="col-md-10">
                        <span  class="lbl_resumen">{{ form_p1.nombre_centro }}</span>
                    </div>
                </div>
            </div>
        {% endif %}

        <div class="form-group form-group-md col-md-12">
            <div class="row">
                <label for="nombre" class="col-md-2 col-form-label">Nombre:</label>
                <div class="col-md-4">
                    <span  class="lbl_resumen">{{ form_p1.nombre }}</span>
                </div>
                <label for="apellidos" class="col-md-2 col-form-label">Apellidos</label>
                <div class="col-md-4">
                    <span  class="lbl_resumen">{{ form_p1.apellidos }}</span>
                </div>
            </div>
        </div>

        <div class="form-group form-group-md col-md-12">
            <div class="row">
                <label for="fecha_nacimiento" class="col-md-2 col-form-label" >Fecha Nacimiento:</label>
                <div class="col-md-4">
                    <span  class="lbl_resumen">{{ form_p1.fecha_nacimiento }}</span>
                </div>
                <label for="edad" class="col-md-2 col-form-label">Edad:</label>
                <div class="col-md-4">
                    <span  class="lbl_resumen">{{ form_p1.edad }}</span>
                </div>               
            </div>
        </div>

        <div class="form-group form-group-md col-md-12">
            <div class="row">
                <label for="domicilio" class="col-md-2 col-form-label">Domicilio:</label>
                <div class="col-md-10">
                    <span  class="lbl_resumen">{{ form_p1.domicilio }}</span>
                </div>
            </div>
        </div>
        <div class="form-group form-group-md col-md-12">
            <div class="row">
                <label for="provincia" class="col-md-2 col-form-label">Código Postal:</label>
                <div class="col-md-4">
                    <span  class="lbl_resumen">{{ form_p1.codigo_postal }}</span>
                </div>              
                <label for="localidad" class="col-md-2 col-form-label">Localidad:</label>
                <div class="col-md-4">
                    <span  class="lbl_resumen">{{ form_p1.localidad }}</span>
                </div>
            </div>
        </div>
        <div class="form-group form-group-md col-md-12">
            <div class="row">
                <label for="provincia" class="col-md-2 col-form-label">Provincia</label>
                <div class="col-md-10">
                    <span  class="lbl_resumen">{{ form_p1.provincia }}</span>
                </div>
            </div>
        </div>
        <div class="form-group form-group-md col-md-12">
            <div class="row">                
                <label for="telefono" class="col-md-2 col-form-label">Teléfono:</label>
                <div class="col-md-4">
                    <span  class="lbl_resumen">{{ form_p1.telefono }}</span>
                </div>
                <label for="email" class="col-md-2 col-form-label">Email:</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.email }}</span>                
                </div>
            </div>
        </div>       
    </div>

{% if edad <= 17 %}

    <div class="texto_cabecera_2">DATOS ACADÉMICOS ALUMNO/A</div>
    <br>
    <div class="container">
        <div class="form-group form-group-md col-md-12">
            <div class="row">                
                <label for="colegio_instituto" class="col-md-3 col-form-label">Colegio/Instituto al que asistes:</label>
                <div class="col-md-9">
                    <span class="lbl_resumen">{{ form_p1.colegio_instituto }}</span>
                </div>
            </div>                
        <br>
            <div class="row">                
                <label for="localidad_colinst" class="col-md-3 col-form-label">Localidad del colegio/instituto:</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.localidad_colinst }}</span>
                </div>
                <label for="cursando" class="col-md-2 col-form-label">Curso (2024/2025):</label>
                <div class="col-md-3">
                    <span class="lbl_resumen">{{ form_p1.cursando }}</span>               
                </div>
            </div>
        </div>               
    </div>

    <div class="texto_cabecera_2">DATOS PADRE / MADRE / TUTORES</div>
    <br>
    <div class="container">
        <div class="form-group form-group-md col-md-12">
            <div class="texto_cabecera">DATOS PADRE / MADRE / TUTOR 1</div>
            <br>
            <div class="row">                
                <label for="tutor1_nombre" class="col-md-2 col-form-label">Nombre:</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor1_nombre }}</span>
                </div>
                <label for="tutor1_apellidos" class="col-md-2 col-form-label">Apellidos:</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor1_apellidos }}</span>
                </div>
            </div>
        </div>
        <div class="form-group form-group-md col-md-12">
            <div class="row">                
                <label for="tutor1_telefono" class="col-md-2 col-form-label">Teléfono</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor1_telefono }}</span>
                </div>
                <label for="tutor1_email" class="col-md-2 col-form-label">Email</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor1_email }}</span>
                </div>
            </div>
            <div class="row">                
                
                <label for="tutor1_profesion" class="col-md-2 col-form-label">Profesión</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor1_profesion }}</span>
                </div>
            </div>
        </div>
        <div class="form-group form-group-md col-md-12">
            <div class="texto_cabecera">DATOS PADRE / MADRE / TUTOR 2</div>
            <br>
            <div class="row">                
                <label for="tutor2_nombre" class="col-md-2 col-form-label">Nombre</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor2_nombre }}</span>
                </div>
                <label for="tutor2_apellidos" class="col-md-2 col-form-label">Apellidos</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor2_apellidos }}</span>
                </div>
            </div>
        </div>
        <div class="form-group form-group-md col-md-12">
            <div class="row">                
                <label for="tutor2_telefono" class="col-md-2 col-form-label">Teléfono</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor2_telefono }}</span>
                </div>
                <label for="tutor2_email" class="col-md-2 col-form-label">Email</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor2_email }}</span>
                </div>
            </div>
            <div class="row">                
                <label for="tutor2_profesion" class="col-md-2 col-form-label">Profesión</label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ form_p1.tutor2_profesion }}</span>
                </div>
            </div>
        </div>
    </div>
    
{% endif %}
    

    <div class="texto_cabecera_2">FORMA Y CONDICIONES DE PAGO</div>
    <br>
    <div class="container">
        <div class="form-group form-group-md col-md-12">
            <div class="row">
                <label for="tutor2_profesion" class="col-md-2 col-form-label">Tipo de Pago elegido: </label>
                <div class="col-md-6">
                    <span class="lbl_resumen">{{ form_p1.tipo_pago }}</span>
                </div>
            </div>            
        </div>
    </div>
    <div class="container" id="res_dom_bancaria">        
        <div class="row">
            <p>Según se establece en el art.25.1 de la Le Ley de Servicios de Pago 16/2009, el Cliente autoriza a que se gire en el número de cuenta especificado el importe de los recibos correspondientes a las mensualidades que se originen por los servicios prestados, así como que lesean remitidos dichos recibos por medios telemáticos. Mediante la firma de esta orden de domiciliación, el Cliente autoriza a la Consultora a enviar órdenes de pago a su entidad financiera para domiciliar los recibos correspondientes a la facturación de los servicios que haya contratado. Le informamos que, en caso de no conformidad con el cargo, tendrá 8 semanas para ejercer el derecho a ser reembolsado directamente por su entidad financiera. Puede obtener información adicional sobre sus derechos en su entidad financiera.
            <br><span style="font-weight: bold;">
            El centro emitirá los recibos del 1 al 6 de cada mes (los recibos devueltos tendrán un recargo de 5.00€ que el centro emitirá al mes siguiente)</span>
            </p>
        </div>           
        <div class="row">                
            <label for="IBAN" class="col-md-3 col-form-label">IBAN CLIENTE:</label>
            <div class="col-md-9">
                <span class="lbl_resumen">{{ form_p1.IBAN }}</span>
            </div>
        </div>                 
        <div class="row">                
            <label for="domiciliacion_nombre_apellidos" class="col-md-3 col-form-label">Nombre y Apellidos titular de la Cuenta:</label>
            <div class="col-md-5">
                <span class="lbl_resumen">{{ form_p1.domiciliacion_nombre_apellidos }}</span>
            </div>
            <label for="domiciliacion_dni" class="col-md-1 col-form-label">DNI:</label>
            <div class="col-md-3">
                <span class="lbl_resumen">{{ form_p1.domiciliacion_dni }}</span>
            </div>
        </div>
    </div>
    

    <div class="container" id="res_efectivo_tarjeta">
        <p>Para pagos en Efectivo o con Tarjeta se abonarán en la recepción de la Academia EGA Ronda Buenavista, 37. 45005. Toledo., <span style="font-weight: bold;">del 01 al 08 de cada mes</span></p>
    </div>

    <div class="container" id="res_transferencia">
        <p>A Academia EGA en una de las siguientes cuentas, inidicando en el conpepto nombre y apellidos del alumno.
        <br>
        <span style="font-weight: bold;">EuroCajaRural ES94 3081 0215 1450 0032 0374</span>  
        </p>
    </div>

    <div class="texto_cabecera_2">INFORMACIÓN DEL CURSO</div> 
    <br>
    <div class="container">
        <div class="form-group form-group-md col-md-12">
            <div class="row">                
                {% if matricula_p2.escenario_ampa %}
                    <label class="col-md-3 col-form-label">Escenario Elegido: </label>
                    <div class="col-md-5">
                        <span class="lbl_resumen">
                    {{ matricula_p2.escenario_ampa}}
                        </span>
                    </div>
                {% else %}
                    <label class="col-md-3 col-form-label">Modalidad Elegida: </label>
                    <div class="col-md-5">
                        <span class="lbl_resumen">                        
                    {{ matricula_p2.modalidad_clase}}
                    </span>
                </div>
                {% endif %}                    
            </div>

            {% if matricula_p2.p_exclusividad %}
                <div class="row">
                    <label class="col-md-3 col-form-label">¿Interesado Escenario 2? </label>
                    <div class="col-md-5">
                        <span class="lbl_resumen">
                        {{ matricula_p2.p_exclusividad}}
                        </span>
                    </div>
                </div>
            {% endif %}
            
            <div class="row">
                <label class="col-md-3 col-form-label">Esta matrículas es para: </label>
                <div class="col-md-5">
                    <span class="lbl_resumen">{{ matricula_p2.tipo_alumno }}</span>
                </div>
            </div>
            <div id="res_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">
                    <span class="lbl_resumen">{{ matricula_p2.total_alumnos_familia }}</span>
                </div>
                </div>                                   
            </div>
            <div class="row">
                <label class="col-md-3 col-form-label">Clase o Actividad elegida: </label>
                <div class="col-md-3">
                    <span class="lbl_resumen">{{ matricula_p2.clases_asistir }}</span>
                </div>
                <label class="col-md-2 col-form-label">Nivel: </label>
                <div class="col-md-4">
                    <span class="lbl_resumen">
                        {{ matricula_p2.grupo }}
                        {% if matricula_p2.apoyo_otro %}
                        {{ matricula_p2.apoyo_otro }}
                        {% endif %}
                        {% if matriculo.g_apoyo %}
                        Nivel: {{ matricula_p2.g_apoyo }}
                        {% endif %}
                    </span>

                    <span class="lbl_resumen">{{ matricula_p2.g_apoyo }}</span>
                </div>
            </div>
            
            {% if matricula_p2.txt_preferencia_dias_1 or matricula_p2.txt_preferencia_dias_2 %}

            <div class="row">
                <label class="col-md-3 col-form-label">Días de la Semana 1: </label>
                <div class="col-md-3">
                    <span class="lbl_resumen">{{ matricula_p2.txt_preferencia_dias_1 }}</span>
                </div>
                <label class="col-md-2 col-form-label">Horario 1: </label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ matricula_p2.txt_preferencia_horas_1 }}</span>
                </div>
            </div>

            <div class="row">
                <label class="col-md-3 col-form-label">Días de la Semana 2: </label>
                <div class="col-md-3">
                    <span class="lbl_resumen">{{ matricula_p2.txt_preferencia_dias_2 }}</span>
                </div>
                <label class="col-md-2 col-form-label">Horario 2: </label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ matricula_p2.txt_preferencia_horas_2 }}</span>
                </div>
            </div>

            {% else %}

            <div class="row">
                <label class="col-md-3 col-form-label">Días de la Semana: </label>
                <div class="col-md-3">
                    <span class="lbl_resumen">{{ matricula_p2.dias_semana }}</span>
                </div>
                <label class="col-md-2 col-form-label">Horario: </label>
                <div class="col-md-4">
                    {% if matricula_p2.horario %}
                    <span class="lbl_resumen">{{ matricula_p2.horario }}</span>
                    {% else %}
                    <span class="lbl_resumen">{{ matricula_p2.otro_horario }}</span>
                    {% endif %}
                </div>
            </div>            
                          
            {% endif %}

            <div class="row">
                <label class="col-md-12 col-form-label">Observaciones o cosas de debamos saber: </label>
                <div class="col-md-1"></div>
                <div class="col-md-10">
                    <span class="lbl_resumen">{{ matricula_p2.observaciones }}</span>
                </div>
                <div class="col-md-1"></div>
            </div>
                
            
        </div>
        </div>
    
        <div class="texto_cabecera_2">AUTORIZACIONES Y CONDICIONES</div>
        <br>
        <div class="container">
        
        <div class="form-group form-group-md col-md-12">
            <div class="row">
                <label class="col-md-4 col-form-label">Autorización para salir de la academia solo/a: </label>
                <div class="col-md-2">
                    <span class="lbl_resumen">{{ matricula_p3.salir_academia }}</span>
                </div>
                <label class="col-md-2 col-form-label">El Alumno debe salir: </label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ matricula_p3.autoriza_min_salirsolo }}</span>
                </div>
            </div>
            <div class="row">
                <label class="col-md-4 col-form-label">Acepto Condiciones de Biblioteca: </label>
                <div class="col-md-2">
                    {% if matricula_p3.acepto_biblioteca %}
                    <span class="lbl_resumen">Sí</span>
                    {% else %}
                    <span class="lbl_resumen">No</span>
                    {% endif  %}
                </div>
            </div>
            <div class="row">
                <label class="col-md-4 col-form-label">Alergias o Intolerancias: </label>
                <div class="col-md-2">
                    <span class="lbl_resumen">{{ matricula_p3.alergias }}</span>
                </div>
                <label class="col-md-2 col-form-label">Cuál es: </label>
                <div class="col-md-4">
                    <span class="lbl_resumen">{{ matricula_p3.alergias_texto }}</span>
                </div>
            </div>
            <div class="row">
                <label class="col-md-4 col-form-label">Si Alergias, ¿Porporcionar alimento?</label>
                <div class="col-md-2">
                    {% if matricula_p3.no_alimento == False %}
                    <span class="lbl_resumen">No</span>
                    {% else %}
                    <span class="lbl_resumen">Sí</span>
                    {% endif %}
                </div>
                <label class="col-md-4 col-form-label">Proporcinar alimentos / bebidas</label>
                <div class="col-md-2">
                    <span class="lbl_resumen">{{ matricula_p3.comida }}</span>
                </div>
            </div>
    
            <div class="row">
                <label class="col-md-4 col-form-label">Cesión de Imágenes para correo electrónico</label>
                <div class="col-md-2">
                    <span class="lbl_resumen">{{ matricula_p3.cesion_imagenes_correo }}</span>
                </div>
                <label class="col-md-4 col-form-label">Cesión de Imágenes para Web y RRSS</label>
                <div class="col-md-2">
                    <span class="lbl_resumen">{{ matricula_p3.cesion_imagenes_rrss }}</span>
                </div>
            </div>
            <div class="row">
                <label class="col-md-10 col-form-label">Autoriza envío de comunicaciones comerciales </label>
                <div class="col-md-2">
                <span class="lbl_resumen">{{ matricula_p3.comunicaciones_comerciales }}</span>
                </div>
                <label class="col-md-10 col-form-label">El Alumno empezará las clases en </label>
                <div class="col-md-2">
                    <span class="lbl_resumen">{{ matricula_p3.inicio_clases }}</span>
                </div>
                <label class="col-md-10 col-form-label">Has indicado que "He leído y acepto las condiciones generales de Academia EGA"</label>
                <div class="col-md-2">
                    {% if matricula_p3.condiciones_generales %}
                    <span class="lbl_resumen">Sí</span>
                    {% endif  %}
                </div>
                <label class="col-md-10 col-form-label">Has indicado que "He leído y acepto los términos y condiciones relacionados con la política de tratamiento de los datos personales."</label>
                <div class="col-md-2">
                    {% if matricula_p3.politica_tratamiento %}
                    <span class="lbl_resumen">Sí</span>
                    {% endif  %}
                </div>
            </div>
        </div>
    </div>   
</fieldset>
<div class="btn_res_pasos">
    <a class="btn btn-warning btn-sm" onclick="guardar_matricula()">GUARDAR CAMBIOS</a> &nbsp;&nbsp;&nbsp;
    <a class="btn btn-info btn-sm" href="/enviar_email/{{ matricula_p3.id }}">ENVIAR EMAIL</a>
</div>

</from>

<script type="text/javascript">

    window.onload=function() {

        tipopago = $('#id_tipo_pago').val();

        if( tipopago == "Domiciliación Bancaria"){
            $('#res_dom_bancaria').show();
            $('#res_transferencia').hide();
            $('#res_efectivo_tarjeta').hide();
        }
        if( tipopago == "Efectivo o Tarjeta"){
            $('#res_dom_bancaria').hide();
            $('#res_transferencia').hide();
            $('#res_efectivo_tarjeta').show();            
        }
        if( tipopago == "Trasferencia Bancaria a Academia EGA"){
            $('#res_dom_bancaria').hide();
            $('#res_transferencia').show();
            $('#res_efectivo_tarjeta').hide();
        }
    }

    $('#pago_completo').on('click', function(){
        var valor = $(this).prop('checked');
        url = '/pago_completo/{{ form_p1.id }}?valor=' + valor
        $.ajax({
            url: url,
            type: "GET"
        }) 
    })
</script>

{% endblock contenido %}