{% extends 'CmBundle:Z:baseDos.html.twig' %}

{% block stylesheet %}
    <!-- ESTILO PARA CAPTURAR FOTOGRAFÍA -->
    <style type="text/css">
        /* jQuery lightBox plugin - Gallery style */
        #cuadro_camara {
            background-color: #444;
            padding-left: 30px;
            padding-top:20px;
        }
        #titulo_camara {
            background-color: #666;
            color:#FFF;
            padding-left: 30px;
            font-size: 14px;
            text-align:center;
        }
        .botones_cam {
            background-color:#FFF;
            color:#333;
            font-family: "Comic Sans MS", cursive;
            font-size:14px;
            margin-top:10px;
            width:100px;
            height:40px;
        }
        .formulario {
            color: #FFF;
        }

        img.scanned {
            height: 200px; /** Sets the display size */
            margin-right: 12px;
        }
        div#images {
            margin-top: 20px;
        }

    </style>

{% endblock %}

{% block javascripts %}
    <script src="{{asset('js/misJs/alumno.js')}}"></script>
    <script src="{{asset('js/misJs/vistaAlta.js')}}"></script>
    <script src="{{asset('js/escaner/scanner.js')}}"></script>
    <script src="{{asset('js/misJs/escanearDocumentos.js')}}"></script>
{% endblock %}


{% block content %}
    <!-- PARA TOMAR FOTOGRAFÍA -->
    <!--<script type="text/javascript" src="jquery-1.6.2.min.js"></script>-->
    <script type="text/javascript" src="{{asset('webcam/jquery-1.6.2.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('webcam/jquery.lightbox-0.5.js')}}"></script>
    <script type="text/javascript" src="{{asset('webcam/webcam.js')}}"></script>
    <link rel="stylesheet" type="text/css" href="{{asset('webcam/jquery.lightbox-0.5.css')}}" media="screen" />
    <script language="JavaScript">

        webcam.set_swf_url('{{asset('webcam/webcam.swf')}}')
        {% if a is defined %}
            webcam.set_api_url('{{path('guardar_foto',{foto : a.cveCtl})}}');//PHP adonde va a recibir la imagen y la va a guardar en el servidor
        {% endif %}
            webcam.set_quality(100); // calidad de la imagen
            webcam.set_shutter_sound(true, '{{asset('webcam/shutter.mp3')}}'); // Sonido de flash
    </script>
    <script language="JavaScript">
        webcam.set_hook('onComplete', 'my_completion_handler');

        function do_upload() {
            // subir al servidor
            document.getElementById('upload_results').innerHTML = '<h1>Cargando al servidor...</h1>';
            webcam.upload();
        }

        function my_completion_handler(msg) {
            // Muestra la imagen en la pantalla
            document.getElementById('fotoMini').innerHTML = msg;
            // reset camera for another shot
            webcam.reset();
            document.getElementById('upload_results').innerHTML = '<h1>LISTO !!</h1>';

            window.open('{{path('consulta_alumno_dos',{ideAlu : a.ideAlu})}}', '_self')
        }
    </script>


    <div class="row">
        {% for flashMessage in app.session.flashbag.get('mensaje') %}
            <script>
                swal("", "¡REGISTRO EXITOSO!", "success");
            </script>
        {% endfor %}

        <div class="panel-body">
            <div class="panel panel-default col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                <div class="panel panel-default col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 img-responsive" id="fotoMini">
                            <!--<h4>Alumno</h4>-->
                            {% if a.credencial == 1 %}
                                <img src="{{asset(fotoAlumno)}}" class="img-responsive" style="border-radius: 10px;border: solid 1px blue;"/>
                            {% else %}
                                <img src="{{asset(fotoAlumno)}}" class="img-responsive" style="border-radius: 10px;border: solid 1px red;"/>
                            {% endif %}
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <a id="btnIniciarFoto" class="btn btn-sm btn-info " data-toggle="modal" data-target="#myModalFoto">TOMAR FOTO</a>
                        </div>
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                        <form class="form-horizontal" action="{{path('subir_archivo_fotografia',{cveCtl:a.cveCtl})}}" method="POST" enctype="multipart/form-data" accept=".jpg">
                            <div class="form-group col-sm-6">
                                <label>Selecciona archivo</label>
                                <input type="file" name="archivoFoto" id="archivoFoto">
                            </div>
                            <div class="form-group col-sm-6">
                                <input type="submit" class="btn btn-sm btn-warning" value="Cargar">
                            </div>
                        </form>
                    </div>
                </div>

                <div class="panel panel-default col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <h4>CLAVE DEL ALUMNO: {{a.cveCtl}}</h4>
                    <h4>MATRICULA: {{a.cveAnterior}}</h4>
                    <h4>FECHA DE REGISTRO: {{a.fecMov | date('d-m-Y') }}</h4>
                    {% if a.tipoAlumno == 1 %}
                        <h4>BACHILLERATO: <strong>{{a.cveLic.nomLic }}</strong></h4>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                            <a class="btn btn-sm btn-success" href="{{path('ficha_bachillerato',{ideAlu:a.ideAlu})}}" target="_blank">IMPRIMIR FICHA DE INSCRIPCION</a>
                        </div>
                    {% elseif a.tipoAlumno == 2 %}
                        <h4>BACHILLERATO: <strong>{{a.cveLic.nomLic }}</strong></h4>
                    {% elseif a.tipoAlumno == 3 %}
                        <h4>LICENCIATURA: <strong>{{a.cveLic.nomLic }}</strong></h4>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                            <a id="btnReglamento" class="btn btn-sm btn-success" href="{{path('ficha_licenciatura',{ideAlu:a.ideAlu})}}" target="_blank">IMPRIMIR FICHA DE INSCRIPCION</a>
                        </div>
                    {% elseif a.tipoAlumno == 4 %}
                        <h4>MAESTRÍA: <strong>{{a.cveLic.nomLic }}</strong></h4>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                            <a id="btnReglamento" class="btn btn-sm btn-success" href="{{path('ficha_maestria',{ideAlu:a.ideAlu})}}" target="_blank">IMPRIMIR FICHA DE INSCRIPCION</a>
                        </div>
                    {% elseif a.tipoAlumno == 5 %}
                        <h4>DOCTORADO: <strong>{{a.cveLic.nomLic }}</strong></h4>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                            <a id="btnReglamento" class="btn btn-sm btn-success" href="{{path('ficha_doctorado',{ideAlu:a.ideAlu})}}" target="_blank">IMPRIMIR FICHA DE INSCRIPCION</a>
                        </div>
                    {% endif %}
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                        <a class="btn btn-sm btn-success" href="{{path('credencial_alumno',{ideAlu:a.ideAlu})}}" target="_blank">IMPRIMIR CREDENCIAL</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 row">
                <form class="form-horizontal" action="{{path('actualizar_alumno')}}" method="POST">
                    <input type="hidden" id="ideAlu" name="ideAlu" value="{{a.ideAlu}}">
                    <ul class="nav nav-tabs nav-justified">
                        <li class="active"><a data-toggle="tab" href="#m1"><strong>DATOS PERSONALES</strong></a></li>
                        <li><a data-toggle="tab" href="#m2"><strong>DATOS DE CONTACTO</strong></a></li>
                        <li><a data-toggle="tab" href="#m3"><strong>DATOS ACADÉMICOS</strong></a></li>
                        <li><a data-toggle="tab" href="#m4"><strong>REQUISITOS</strong></a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="m1">
                            <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="apePat">Ape. Paterno:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="apePat" name="apePat" placeholder="Apellido paterno" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.apePat}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="apeMat">Ape. Materno:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="apeMat" name="apeMat" placeholder="Apellido materno" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.apeMat}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="nomAlu">Nombre(s):</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="nomAlu" name="nomAlu" placeholder="Nombre o nombres" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.nomAlu}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="curp">CURP:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="curp" name="curp" onKeyUp="this.value = this.value.toUpperCase();" onblur="curp2date(this.value);" value="{{a.curp}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="sexAlu">Sexo:</label>
                                    <div class="col-sm-3">
                                        {% if a.sexo == 1 %}
                                            <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="1" checked="true">Mujer</label>
                                            <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="0">Hombre</label>
                                            {% elseif a.sexo == 0 %}
                                            <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="1">Mujer</label>
                                            <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="0" checked="true">Hombre</label>
                                            {% else %}
                                            <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="1">Mujer</label>
                                            <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="0">Hombre</label>
                                            {% endif %}
                                    </div>
                                    <label class="control-label col-sm-2" for="fecNac">Fec. Nacimiento:</label>
                                    <div class="col-sm-2">
                                        {% if a.fecNac != null %}
                                            <input type="date" class="form-control" id="fecNac" name="fecNac" value="{{a.fecNac | date('Y-m-d')}}">
                                        {% else %}
                                            <input type="date" class="form-control" id="fecNac" name="fecNac" value="">
                                        {% endif %}
                                    </div>
                                    <label class="control-label col-sm-1" for="edad">Edad:</label>
                                    <div class="col-sm-2">
                                        <input type="number" class="form-control" id="edad" name="edad" value="{{a.edad}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="calle">Calle:</label>
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" id="calle" name="calle" placeholder="Calle y entre calles" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.calle}}">
                                    </div>
                                    <label class="control-label col-sm-1" for="numExt">Ext:</label>
                                    <div class="col-sm-1">
                                        <input type="text" class="form-control" id="numExt" name="numExt" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.numExt}}">
                                    </div>
                                    <label class="control-label col-sm-1" for="numInt">Int:</label>
                                    <div class="col-sm-1">
                                        <input type="text" class="form-control" id="numInt" name="numInt" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.numInt}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="colonia">Colonia:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="colonia" name="colonia" placeholder="Colonia" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.colLoc}}">
                                    </div>
                                    <label class="control-label col-sm-1" for="codPos">CP:</label>
                                    <div class="col-sm-2">
                                        <input type="text" class="form-control" id="codPos" name="codPos" placeholder="CP" value="{{a.cp}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="edoAlu">Estado:</label>
                                    <div class="col-sm-2">
                                        <input type="text" class="form-control" id="edoAlu" name="edoAlu" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.edo}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="munAlu">Municipio:</label>
                                    <div class="col-sm-2">
                                        <input type="text" class="form-control" id="munAlu" name="munAlu" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.munDel}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="nacionalidad">Nacionalidad:</label>
                                    <div class="col-sm-2">
                                        <input type="text" class="form-control" id="nacionalidad" name="nacionalidad" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.nacionalidad}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="telefono">Teléfono Fijo:</label>
                                    <div class="col-sm-4">
                                        <input type="tel" class="form-control" id="telCas" name="telefono" placeholder="telefono" value="{{a.telefono}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="telefono">Teléfono Celular:</label>
                                    <div class="col-sm-4">
                                        <input type="tel" class="form-control" id="telefonoCelular" name="telefonoCelular" placeholder="telefono celular" value="{{a.telefonoCelular}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="email">Email:</label>
                                    <div class="col-sm-4">
                                        <input type="email" class="form-control" id="email" name="email" placeholder="Ingresa email" value="{{a.correo}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="facebook">Facebook:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="facebook" name="facebook" placeholder="facebook" value="{{a.facebook}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="dependencia">Dependencia o Empresa:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="dependendia" name="dependencia" placeholder="" value="{{a.dependenciaEmpresa}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="depto">Depto.:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="depto" name="depto" placeholder="" value="{{a.depto}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="observaciones">Observaciones:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="observaciones" name="observaciones" placeholder="" value="{{a.observaciones}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="coordinador">Coordinador:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="coordinador" name="coordinador" placeholder="" value="{{a.coordinador}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-3" for="comoEntero">Cómo se enteró:</label>
                                    <div class="col-sm-9">
                                        <input type="text" class="form-control" id="comoEntero" name="comoEntero" placeholder="" value="{{a.comoEntero}}">
                                    </div>
                                </div>
                            </div>
                        </div> <!-- FIN M1 -->
                        <div class="tab-pane fade in" id="m2">
                            <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="apePatT">Ape. Paterno:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="apePatT" name="apePatT" placeholder="Apellido paterno" value="{{a.patTut}}" onKeyUp="this.value = this.value.toUpperCase();">
                                    </div>
                                    <label class="control-label col-sm-2" for="apeMatT">Ape. Materno:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="apeMatT" name="apeMatT" placeholder="Apellido materno" value="{{a.matTut}}" onKeyUp="this.value = this.value.toUpperCase();">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="nomTut">Nombre(s):</label>
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" id="nomTut" name="nomTut" placeholder="Nombre o nombres" value="{{a.nomTut}}" onKeyUp="this.value = this.value.toUpperCase();">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="parentesco">Parentesco:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="parentesco" name="parentesco" placeholder="Parentesco" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.parentesco}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="ocupacion">Lugar de trabajo:</label>
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" id="ocupacion" name="ocupacion" placeholder="Lugar de trabajo" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.ocupacion}}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="telCelT">Tel. Celular:</label>
                                    <div class="col-sm-4">
                                        <input type="tel" class="form-control" id="telCelT" name="telCelT" placeholder="Teléfono Celular" value="{{a.telCelTut}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="telTraT">Tel. Trabajo:</label>
                                    <div class="col-sm-4">
                                        <input type="tel" class="form-control" id="telTraT" name="telTraT" placeholder="Teléfono del Trabajo" value="{{a.telTraTut}}">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="control-label col-sm-4" for="vivAlu">Vive con el alumno:</label>
                                    <div class="col-sm-2">
                                        {% if a.viveAlu == 1 %}
                                            <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="1" checked="true">Si</label>
                                            <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="0">No</label>
                                            {% else %}
                                            <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="1">Si</label>
                                            <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="0" checked="true">No</label>
                                            {% endif %}
                                    </div>
                                    <label class="control-label col-sm-2" for="correoT">Email:</label>
                                    <div class="col-sm-4">
                                        <input type="email" class="form-control" id="correoT" name="correoT" placeholder="Ingresa email" value="{{a.emailTut}}">
                                    </div>
                                </div>
                            </div>
                        </div> <!-- FIN M2 -->
                        <div class="tab-pane fade in" id="m3">
                            <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="tipoAlumno">Tipo Registro:</label>
                                    <div class="col-sm-5">
                                        <select id="tipoAlumno" name="tipoAlumno" class="form-control">
                                            {% if a.tipoAlumno == 1 %}
                                                <option value="default">Selecciona</option>
                                                <option value="1" selected="true">BACHILLERATO GENERAL</option>
                                                <option value="2">BACHILLERATO TECNOLÓGICO</option>
                                                <option value="3">LICENCIATURA</option>
                                                <option value="4">MAESTRÍA</option>
                                            {% elseif a.tipoAlumno == 2 %}
                                                <option value="default">Selecciona</option>
                                                <option value="1">BACHILLERATO GENERAL</option>
                                                <option value="2" selected="true">BACHILLERATO TECNOLÓGICO</option>
                                                <option value="3">LICENCIATURA</option>
                                                <option value="4">MAESTRÍA</option>
                                            {% elseif a.tipoAlumno == 3 %}
                                                <option value="default">Selecciona</option>
                                                <option value="1">BACHILLERATO GENERAL</option>
                                                <option value="2">BACHILLERATO TECNOLÓGICO</option>
                                                <option value="3" selected="true">LICENCIATURA</option>
                                                <option value="4">MAESTRÍA</option>
                                            {% elseif a.tipoAlumno == 4 %}
                                                <option value="default">Selecciona</option>
                                                <option value="1">BACHILLERATO GENERAL</option>
                                                <option value="2">BACHILLERATO TECNOLÓGICO</option>
                                                <option value="3">LICENCIATURA</option>
                                                <option value="4" selected="true">MAESTRÍA</option>
                                            {% else %}
                                                <option value="default">Selecciona</option>
                                                <option value="1">BACHILLERATO GENERAL</option>
                                                <option value="2">BACHILLERATO TECNOLÓGICO</option>
                                                <option value="3">LICENCIATURA</option>
                                                <option value="4">MAESTRÍA</option>
                                            {% endif %}

                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="tipoAlumno">MATRICULA:</label>
                                    <div class="col-sm-5">
                                        <input type="text" id="cveAnterior" name="cveAnterior" class="form-control" value="{{a.cveAnterior}}">
                                    </div>
                                </div>
                                {% if a.tipoAlumno > 3 %}
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="licenciatura">LICENCIATURA CURSADA:</label>
                                        <div class="col-sm-4">
                                            <input type="text" id="licenciatura" name="licenciatura" class="form-control" value="{{a.licenciatura}}">
                                        </div>
                                        <label class="control-label col-sm-2" for="cedula">CEDULA PROFESIONAL:</label>
                                        <div class="col-sm-4">
                                            <input type="text" id="cedula" name="cedula" class="form-control" value="{{a.cedula}}">
                                        </div>
                                    </div>
                                {% endif %}
                                <div class="form-group">
                                    <label class="control-label col-sm-4" for="tipoAlumno">Escuela de Procedencia:</label>
                                    <div id="gif2" hidden="true" class="img-responsive">
                                        <img src="{{asset('images/load2.gif')}}" />
                                    </div>
                                    <div class="col-sm-5" id="contProcedencias">
                                        <select id="escProcedencia" name="escProcedencia" class="form-control">
                                            <option value="default">Selecciona</option>
                                            {% if procedencias is defined %}
                                                {% for p in procedencias %}
                                                    {% if a.cvePro != null %}
                                                        {% if  p.idePro == a.cvePro.idePro %}
                                                            <option value="{{p.idePro}}" selected="true">{{p.nomPlantel}}</option>
                                                        {% else %}
                                                            <option value="{{p.idePro}}">{{p.nomPlantel}}</option>
                                                        {% endif %}
                                                    {% else %}
                                                        <option value="{{p.idePro}}">{{p.nomPlantel}}</option>
                                                    {% endif %}
                                                {% endfor %}
                                            {% endif %}
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <input type="button" class="btn btn-primary" value="NUEVO" data-toggle="modal" data-target="#myModal">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="fecIng">Inicio de Ciclo::</label>
                                    <div class="col-sm-2">
                                        <input type="date" class="form-control" id="fecIng" name="fecIng" value="{{a.fecIns | date('Y-m-d')}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="fecEgr">Fec. Egreso:</label>
                                    <div class="col-sm-2">
                                        <input type="date" class="form-control" id="fecEgr" name="fecEgr">
                                    </div>
                                    <label class="control-label col-sm-1" for="staAlu">Estatus:</label>
                                    <div class="col-sm-3">
                                        <select id="staAlu" name="staAlu" class="form-control">
                                            <option value="default">Selecciona</option>
                                            {% if estatus is defined %}
                                                {% for e in estatus %}
                                                    {% if e.tipEst == 4 %}
                                                        {% if a.estatus.ideEst == e.ideEst %}
                                                            <option value="{{e.ideEst}}" selected="true">{{e.desEst}}</option>
                                                        {% else %}
                                                            <option value="{{e.ideEst}}">{{e.desEst}}</option>
                                                        {% endif %}
                                                    {% endif %}
                                                {% endfor %}
                                            {% endif %}
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="cveApo">Beca:</label>
                                    <div class="col-sm-2">
                                        <select id="cveApo" name="cveApo" class="form-control">
                                            <option value="default">Selecciona</option>
                                            {% if becas is defined %}
                                                {% for b in becas %}
                                                    {% if a.cveBeca.ideBec == b.ideBec %}
                                                        <option value="{{b.ideBec}}" selected="true">{{b.desBec}}</option>
                                                    {% else %}
                                                        <option value="{{b.ideBec}}">{{b.desBec}}</option>
                                                    {% endif %}
                                                {% endfor %}
                                            {% endif %}
                                        </select>
                                    </div>
                                    <label class="control-label col-sm-1" for="turno">Turno:</label>
                                    <div class="col-sm-2">
                                        <select id="turno" name="turno" class="form-control">
                                            {% if a.turno == "MATUTINO" %}
                                                <option value="default">Selecciona</option>
                                                <option value="MATUTINO" selected="true">MATUTINO</option>
                                                <option value="VESPERTINO">VESPERTINO</option>
                                                <option value="MIXTO">MIXTO</option>
                                            {% elseif a.turno == "VESPERTINO" %}
                                                <option value="default">Selecciona</option>
                                                <option value="MATUTINO">MATUTINO</option>
                                                <option value="VESPERTINO" selected="true">VESPERTINO</option>
                                                <option value="MIXTO">MIXTO</option>
                                            {% elseif a.turno == "MIXTO" %}
                                                <option value="default">Selecciona</option>
                                                <option value="MATUTINO">MATUTINO</option>
                                                <option value="VESPERTINO">VESPERTINO</option>
                                                <option value="MIXTO" selected="true">MIXTO</option>
                                            {% else %}
                                                <option value="default">Selecciona</option>
                                                <option value="MATUTINO">MATUTINO</option>
                                                <option value="VESPERTINO">VESPERTINO</option>
                                                <option value="MIXTO">MIXTO</option>
                                            {% endif %}
                                        </select>
                                    </div>
                                    <label class="control-label col-sm-1" for="cveEsc">Plantel:</label>
                                    <div class="col-sm-4">
                                        <select class="form-control" id="cveEsc" name="cveEsc">
                                            <option value="default">Selecciona</option>
                                            {% if planteles is defined %}
                                                {% for p in planteles %}
                                                    {% if a.cvePla.idePla == p.idePla %}
                                                        <option value="{{p.idePla}}" selected="true">{{p.nomPla}}</option>
                                                    {% else %}
                                                        <option value="{{p.idePla}}">{{p.nomPla}}</option>
                                                    {% endif %}
                                                {% endfor %}
                                            {% endif %}
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="modalidad">Modalidad:</label>
                                    <div class="col-sm-4">
                                        <select class="form-control" id="modalidad" name="modalidad">
                                            {% if a.modalidad == "SEMESTRAL" %}
                                                <option value="default">Selecciona</option>
                                                <option value="SEMESTRAL" selected="true">SEMESTRAL</option>
                                                <option value="CUATRIMESTRAL">CUATRIMESTRAL</option>
                                            {% elseif a.modalidad == "CUATRIMESTRAL" %}
                                                <option value="default">Selecciona</option>
                                                <option value="SEMESTRAL">SEMESTRAL</option>
                                                <option value="CUATRIMESTRAL" selected="true">CUATRIMESTRAL</option>
                                            {% else %}
                                                <option value="default">Selecciona</option>
                                                <option value="SEMESTRAL">SEMESTRAL</option>
                                                <option value="CUATRIMESTRAL">CUATRIMESTRAL</option>
                                            {% endif %}
                                        </select>
                                    </div>
                                    {% if a.tipoAlumno == 1 %}
                                        <label class="control-label col-sm-2" for="cveCar">Bachillerato:</label>
                                    {% elseif a.tipoAlumno == 2 %}
                                        <label class="control-label col-sm-2" for="cveCar">Bachillerato:</label>
                                    {% elseif a.tipoAlumno == 3 %}
                                        <label class="control-label col-sm-2" for="cveCar">Licenciatura:</label>
                                    {% elseif a.tipoAlumno == 4 %}
                                        <label class="control-label col-sm-2" for="cveCar">Maestría en:</label>
                                    {% elseif a.tipoAlumno == 5 %}
                                        <label class="control-label col-sm-2" for="cveCar">Doctorado en:</label>
                                    {% endif %}
                                    <div id="gifL" hidden="true" class="img-responsive" >
                                        <img src="{{asset('images/load2.gif')}}" />
                                    </div>
                                    <div class="col-sm-4" id="contLicenciaturas">
                                        <select class="form-control" id="cveCar" name="cveCar">
                                            <option value="default">Selecciona</option>
                                            {% if licenciaturas is defined %}
                                                {% for l in licenciaturas %}
                                                    {% if l.cveNivAca.ideNivAca == a.tipoAlumno %}
                                                        {% if a.cveLic.ideLic == l.ideLic %}
                                                            <option value="{{l.ideLic}}" selected="true">{{l.nomLic}}</option>
                                                        {% else %}
                                                            <option value="{{l.ideLic}}">{{l.nomLic}}</option>
                                                        {% endif %}
                                                    {% endif %}
                                                {% endfor %}
                                            {% endif %}
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="control-label col-sm-2" for="costoInscripcion">Costo de Inscripción:</label>
                                    <div class="col-sm-2" id="contInscripcion">
                                        <input type="number" step="any" id="costoInscripcion" name="costoInscripcion" class="form-control" value="{{a.costoInscripcion}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="cveCol">Colegiatura:</label>
                                    <div class="col-sm-2" id="contColegiatura">
                                        <input type="number" step="any" id="colegiatura" name="colegiatura" class="form-control" value="{{a.costoMensualidad}}">
                                    </div>
                                    <label class="control-label col-sm-2" for="costoReinscripcion">Costo de Reinscripción:</label>
                                    <div class="col-sm-2" id="contReinscripcion">
                                        <input type="number" step="any" id="costoReinscripcion" name="costoReinscripcion" class="form-control" value="{{a.costoReinscripciones}}">
                                    </div>
                                </div>
                                {% if a.tipoAlumno == 3 %}<!-- BACHILLERATO ESCOLARIZADO -->
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="horario">Horario Entrada:</label>
                                        <div class="col-sm-2" id="contHorario">
                                            <input type="time" step="any" id="horario" name="horario" class="form-control" value="{{a.horarioTurno | date('H:i')}}">
                                        </div>
                                        <label class="control-label col-sm-2" for="horarioSalida">Horario Salida:</label>
                                        <div class="col-sm-2">
                                            <input type="time" step="any" id="horarioSalida" name="horarioSalida" class="form-control" value="{{a.horarioSalidaTurno | date('H:i')}}">
                                        </div>
                                        <label class="control-label col-sm-2" for="dias[]">DIAS:</label>
                                        <div class="col-sm-2" id="contDias">
                                            <select multiple class="form-control" id="dias[]" name="dias[]" style="height: 134px;">
                                                {% if 'Lu' in dias %}
                                                    <option value="Lu" selected="true">Lunes</option>
                                                {% else %}
                                                    <option value="Lu">Lunes</option>
                                                {% endif %}
                                                {% if 'Ma' in dias %}
                                                    <option value="Ma" selected="true">Martes</option>
                                                {% else %}
                                                    <option value="Ma">Martes</option>
                                                {% endif %}
                                                {% if 'Mi' in dias %}
                                                    <option value="Mi" selected="true">Miércoles</option>
                                                {% else %}
                                                    <option value="Mi">Miércoles</option>
                                                {% endif %}
                                                {% if 'Ju' in dias %}
                                                    <option value="Ju" selected="true">Jueves</option>
                                                {% else %}
                                                    <option value="Ju">Jueves</option>
                                                {% endif %}
                                                {% if 'Vi' in dias %}
                                                    <option value="Vi" selected="true">Viernes</option>
                                                {% else %}
                                                    <option value="Vi">Viernes</option>
                                                {% endif %}
                                                {% if 'Sa' in dias %}
                                                    <option value="Sa" selected="true">Sábado</option>
                                                {% else %}
                                                    <option value="Sa">Sábado</option>
                                                {% endif %}
                                                {% if 'Do' in dias %}
                                                    <option value="Do" selected="true">Domingo</option>
                                                {% else %}
                                                    <option value="Do">Domingo</option>
                                                {% endif %}
                                            </select>
                                        </div>
                                    </div>
                                {% endif %}
                                <div class="form-group">
                                    {% if a.modalidad == "SEMESTRAL" %}
                                        <label class="control-label col-sm-6">Num. Semestre: {{a.numero}}</label>
                                    {% elseif a.modalidad == "CUATRIMESTRAL" %}
                                        <label class="control-label col-sm-6">Num. Cuatrimestre:  {{a.numero}}</label>
                                    {% endif %}
                                    <div class="col-sm-6" id="numeroSemestre">
                                        <label class="control-label col-sm-6" for="numSem">Num. Semestre:</label>
                                        <div class="col-sm-6">
                                            <input type="number" class="form-control" id="numSem" name="numSem" min="1" value="{{a.numero}}">
                                        </div>
                                    </div>
                                    <div class="col-sm-6" id="numeroCuatrimestre">
                                        <label class="control-label col-sm-6" for="numCua">Num. Cuatrimestre:</label>
                                        <div class="col-sm-6">
                                            <input type="number" class="form-control" id="numCua" name="numCua" min="1" value="{{a.numero}}">
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-6 col-sm-6">
                                        <label class="control-label col-xs-8" for="corteA">$100 de recargo a partir del día:</label>
                                        <div class="col-xs-4">
                                            <input type="text" class="form-control" id="corteA" name="corteA" value="{{a.corteA | number_format(0)}}">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6">
                                        <label class="control-label col-xs-8" for="corteB">$200 de recargo a partir del día:</label>
                                        <div class="col-xs-4">
                                            <input type="text" class="form-control" id="corteB" name="corteB" value="{{a.corteB}}">
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div> <!-- FIN M3 -->
                        {% if a.tipoAlumno == 1 %}<!-- BACHILLERATO ESCOLARIZADO -->
                            <div class="tab-pane fade in" id="m4">
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                    <div class="col-sm-6">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>ORIGINALES</strong></h3>
                                        </div>
                                        <ul class="list-group">
                                            <li class="list-group-item">
                                                <strong>1.- Certificado de Secundaria</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerSec == "on" %}
                                                        <input type="checkbox" id="cerSec" name="cerSec" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerSec" name="cerSec">
                                                    {% endif %}
                                                    <label for="cerSec" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>2.- Acta de Nacimiento Certificada</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.actNac == "on" %}
                                                        <input type="checkbox" id="actNac" name="actNac" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="actNac" name="actNac">
                                                    {% endif %}
                                                    <label for="actNac" class="label-success"></label>
                                                </div>
                                            </li>

                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                            <li class="list-group-item">
                                                <strong>5.- Comprobante domiciliario</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerPre == "on" %}
                                                        <input type="checkbox" id="cerPre" name="cerPre" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerPre" name="cerPre">
                                                    {% endif %}
                                                    <label for="cerPre" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>6.- Paquete de fotos (completas)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.fotInf == "on" %}
                                                        <input type="checkbox" id="fotInf" name="fotInf" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="fotInf" name="fotInf">
                                                    {% endif %}
                                                    <label for="fotInf" class="label-success"></label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div><!-- col-sm-6 -->
                                    <div class="col-sm-6">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>COPIAS</strong></h3>
                                        </div>
                                        <ul class="list-group">
                                            <li class="list-group-item">
                                                <strong>1.- Certificado de Secundaria (2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerSecCopia == "on" %}
                                                        <input type="checkbox" id="cerSec2" name="cerSec2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerSec2" name="cerSec2">
                                                    {% endif %}
                                                    <label for="cerSec2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>2.- Acta de Nacimiento Certificada (2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.actNacCopia == "on" %}
                                                        <input type="checkbox" id="actNac2" name="actNac2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="actNac2" name="actNac2">
                                                    {% endif %}
                                                    <label for="actNac2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>3.- CURP validada de Internet (3 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.copCurpCopia == "on" %}
                                                        <input type="checkbox" id="copCurp2" name="copCurp2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="copCurp2" name="copCurp2">
                                                    {% endif %}
                                                    <label for="copCurp2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>4.- IFE o INE (3 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerMedCopia == "on" %}
                                                        <input type="checkbox" id="cerMed2" name="cerMed2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerMed2" name="cerMed2">
                                                    {% endif %}
                                                    <label for="cerMed2" class="label-success"></label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div><!-- col-sm-6 -->
                                    <div class="col-sm-12">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>Acotaciones</strong></h3>
                                        </div>
                                        <div class="col-sm-12 img-responsive">
                                            <img src="{{asset('images/noEntregado.png')}}">
                                            * Indica que el original y/o copia NO se entrego
                                        </div>
                                        <div class="col-sm-12 img-responsive">
                                            <img src="{{asset('images/siEntregado.png')}}">
                                            * Indica que el original y/o copia SI se entrego
                                        </div>
                                    </div><!-- col-sm-12 -->
                                </div>
                            </div> <!-- FIN M4 -->
                        {% elseif a.tipoAlumno == 3 %}<!-- LICENCIATURAS -->
                            <div class="tab-pane fade in" id="m4">
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                    <div class="col-sm-6">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>ORIGINALES</strong></h3>
                                        </div>
                                        <ul class="list-group">
                                            <li class="list-group-item">
                                                <strong>1.- Certificado de Secundaria</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerSec == "on" %}
                                                        <input type="checkbox" id="cerSec" name="cerSec" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerSec" name="cerSec">
                                                    {% endif %}
                                                    <label for="cerSec" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>2.- Certificado de Bachillerato</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerPre == "on" %}
                                                        <input type="checkbox" id="cerPre" name="cerPre" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerPre" name="cerPre">
                                                    {% endif %}
                                                    <label for="cerPre" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>3.- Acta de Nacimiento Certificada</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.actNac == "on" %}
                                                        <input type="checkbox" id="actNac" name="actNac" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="actNac" name="actNac">
                                                    {% endif %}
                                                    <label for="actNac" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                            <li class="list-group-item">
                                                <strong>6.- Paquete de fotos (completas)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.fotInf == "on" %}
                                                        <input type="checkbox" id="fotInf" name="fotInf" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="fotInf" name="fotInf">
                                                    {% endif %}
                                                    <label for="fotInf" class="label-success"></label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div><!-- col-sm-6 -->
                                    <div class="col-sm-6">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>COPIAS</strong></h3>
                                        </div>
                                        <ul class="list-group">
                                            <li class="list-group-item">
                                                <strong>1.- Certificado de Secundaria (2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerSecCopia == "on" %}
                                                        <input type="checkbox" id="cerSec2" name="cerSec2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerSec2" name="cerSec2">
                                                    {% endif %}
                                                    <label for="cerSec2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>2.- Certificado de Bachillerato (2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerPreCopia == "on" %}
                                                        <input type="checkbox" id="cerPre2" name="cerPre2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerPre2" name="cerPre2">
                                                    {% endif %}
                                                    <label for="cerPre2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>3.- Acta de Nacimiento(2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.actNacCopia == "on" %}
                                                        <input type="checkbox" id="actNac2" name="actNac2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="actNac2" name="actNac2">
                                                    {% endif %}
                                                    <label for="actNac2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>4.- CURP validada de Internet (3 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.copCurpCopia == "on" %}
                                                        <input type="checkbox" id="copCurp2" name="copCurp2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="copCurp2" name="copCurp2">
                                                    {% endif %}
                                                    <label for="copCurp2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>5.- IFE o INE (3 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerMedCopia == "on" %}
                                                        <input type="checkbox" id="cerMed2" name="cerMed2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerMed2" name="cerMed2">
                                                    {% endif %}
                                                    <label for="cerMed2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                        </ul>
                                    </div><!-- col-sm-6 -->
                                    <div class="col-sm-12">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>Acotaciones</strong></h3>
                                        </div>
                                        <div class="col-sm-12 img-responsive">
                                            <img src="{{asset('images/noEntregado.png')}}">
                                            * Indica que el original y/o copia NO se entrego
                                        </div>
                                        <div class="col-sm-12 img-responsive">
                                            <img src="{{asset('images/siEntregado.png')}}">
                                            * Indica que el original y/o copia SI se entrego
                                        </div>
                                    </div><!-- col-sm-12 -->
                                </div>
                            </div> <!-- FIN M4 -->
                        {% elseif a.tipoAlumno == 4 %} <!-- MAESTRÍA -->
                            <div class="tab-pane fade in" id="m4">
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                    <div class="col-sm-6">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>ORIGINALES</strong></h3>
                                        </div>
                                        <ul class="list-group">
                                            <li class="list-group-item">
                                                <strong>1.- Título</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerSec == "on" %}
                                                        <input type="checkbox" id="cerSec" name="cerSec" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerSec" name="cerSec">
                                                    {% endif %}
                                                    <label for="cerSec" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>2.- Certificado total de licenciatura</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerPre == "on" %}
                                                        <input type="checkbox" id="cerPre" name="cerPre" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerPre" name="cerPre">
                                                    {% endif %}
                                                    <label for="cerPre" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>3.- Acta de Nacimiento Certificada</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.actNac == "on" %}
                                                        <input type="checkbox" id="actNac" name="actNac" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="actNac" name="actNac">
                                                    {% endif %}
                                                    <label for="actNac" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                            <li class="list-group-item">
                                                <strong>7.- Paquete de fotos de titulación (completas)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.fotInf == "on" %}
                                                        <input type="checkbox" id="fotInf" name="fotInf" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="fotInf" name="fotInf">
                                                    {% endif %}
                                                    <label for="fotInf" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>8.- Carta de exposición de Motivos</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.copCurp == "on" %}
                                                        <input type="checkbox" id="copCurp" name="copCurp" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="copCurp" name="copCurp">
                                                    {% endif %}
                                                    <label for="copCurp" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>9.- Carta de Aceptación de términos</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.fotInfCopia == "on" %}
                                                        <input type="checkbox" id="fotInf2" name="fotInf2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="fotInf2" name="fotInf2">
                                                    {% endif %}
                                                    <label for="fotInf2" class="label-success"></label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div><!-- col-sm-6 -->
                                    <div class="col-sm-6">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>COPIAS</strong></h3>
                                        </div>
                                        <ul class="list-group">
                                            <li class="list-group-item">
                                                <strong>1.- Título (2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerSecCopia == "on" %}
                                                        <input type="checkbox" id="cerSec2" name="cerSec2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerSec2" name="cerSec2">
                                                    {% endif %}
                                                    <label for="cerSec2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>2.- Certificado total de licenciatura (2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerPreCopia == "on" %}
                                                        <input type="checkbox" id="cerPre2" name="cerPre2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerPre2" name="cerPre2">
                                                    {% endif %}
                                                    <label for="cerPre2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>3.- Acta de Nacimiento Certificada (2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.actNacCopia == "on" %}
                                                        <input type="checkbox" id="actNac2" name="actNac2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="actNac2" name="actNac2">
                                                    {% endif %}
                                                    <label for="actNac2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>4.- CURP validada de Internet (3 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.copCurpCopia == "on" %}
                                                        <input type="checkbox" id="copCurp2" name="copCurp2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="copCurp2" name="copCurp2">
                                                    {% endif %}
                                                    <label for="copCurp2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>5.- IFE o INE (3 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerMedCopia == "on" %}
                                                        <input type="checkbox" id="cerMed2" name="cerMed2" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerMed2" name="cerMed2">
                                                    {% endif %}
                                                    <label for="cerMed2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>6.- Cedula Profesional de Licenciatura (3 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    {% if a.cerMed == "on" %}
                                                        <input type="checkbox" id="cerMed" name="cerMed" checked="true">
                                                    {% else %}
                                                        <input type="checkbox" id="cerMed" name="cerMed">
                                                    {% endif %}
                                                    <label for="cerMed" class="label-success"></label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div><!-- col-sm-6 -->
                                    <div class="col-sm-12">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>Acotaciones</strong></h3>
                                        </div>
                                        <div class="col-sm-12 img-responsive">
                                            <img src="{{asset('images/noEntregado.png')}}">
                                            * Indica que el original y/o copia NO se entrego
                                        </div>
                                        <div class="col-sm-12 img-responsive">
                                            <img src="{{asset('images/siEntregado.png')}}">
                                            * Indica que el original y/o copia SI se entrego
                                        </div>
                                    </div><!-- col-sm-12 -->
                                </div>
                            </div> <!-- FIN M4 -->
                        {% elseif a.tipoAlumno == 5 %} <!-- DOCTORADO -->

                        {% endif %}

                    </div> <!-- DIV CLAS TAB CONTENT-->
                    <div class="panel-body">
                        <div class="form-group">
                            <div class="col-sm-12 text-right">
                                <button type="submit" class="btn btn-info"><strong>Actualizar</strong></button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <!-- ESCANEAR ARCHIVOS -->
            <div class="panel panel-default col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                    <h5>ESCANEAR ARCHIVOS</h5>
                </div>
                <div class="col-lg-6">
                    <button type="button" onclick="scanToPdfWithThumbnails();" class="btn btn-info">Escanear</button>
                    <div id="images"></div>
                    <!-- Previous lines are same as demo-01, below is new addition to demo-02 -->
                    <form id="form1" action="{{path('escanear_acta_nacimiento',{'action':'dump','ideAlu':a.cveCtl})}}"  method="POST" enctype="multipart/form-data" target="_blank" >
                        <select id="tipoDeDocumento" name="tipoDeDocumento" required="true" class="form-control col-lg-2">
                            {% if a.tipoAlumno == 1 %}
                                <option value="-an">Acta de Nacimiento</option>
                                <option value="-cs">Certificado de Secundaria</option>
                                <option value="-ine">IFE o INE</option>
                                <option value="-curp">CURP</option>
                                <option value="-comDom">Comprobante Domiciliario</option>
                            {% elseif a.tipoAlumno == 2 %}
                                <option value="-an">Acta de Nacimiento</option>
                                <option value="-cs">Certificado de Secundaria</option>
                                <option value="-ine">IFE o INE</option>
                                <option value="-curp">CURP</option>
                                <option value="-comDom">Comprobante Domiciliario</option>
                            {% elseif a.tipoAlumno == 3 %}
                                <option value="-an">Acta de Nacimiento</option>
                                <option value="-cs">Certificado de Secundaria</option>
                                <option value="-cb">Certificado de Bachillerato</option>
                                <option value="-ine">IFE o INE</option>
                                <option value="-curp">CURP</option>
                                <option value="-comDom">Comprobante Domiciliario</option>
                            {% elseif a.tipoAlumno == 4 %}
                                <option value="-an">Acta de Nacimiento</option>
                                <option value="-cs">Certificado de Secundaria</option>
                                <option value="-ine">IFE o INE</option>
                                <option value="-curp">CURP</option>
                                <option value="-comDom">Comprobante Domiciliario</option>
                            {% elseif a.tipoAlumno == 5 %}
                                <option value="-an">Acta de Nacimiento</option>
                                <option value="-cs">Certificado de Secundaria</option>
                                <option value="-ine">IFE o INE</option>
                                <option value="-curp">CURP</option>
                                <option value="-comDom">Comprobante Domiciliario</option>
                            {% endif %}
                        </select>
                        <!--<input type="text" id="sample-field" name="sample-field" value="Test scan"/>-->
                        <input type="button" value="Subir" onclick="submitFormWithScannedImages();" class="btn btn-success">
                    </form>

                    <div id="server_response"></div>
                </div>
                <div class="col-lg-6">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center panel panel-info">
                        <h5>ARCHIVOS ESCANEADOS</h5>
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">

                    </div>
                </div>
            </div>
            <!-- fin ESCANEAR ARCHIVOS -->
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left: 0px;padding-right: 0px;">
                {% for key, doc in docDigital %}
                    <div class="col-lg-6">
                        <h4>{{key}}</h4>
                        <embed src="{{asset(doc)}}" width="500" height="260"/>
                    </div>
                {% endfor %}
            </div>

            <div class="panel panel-default col-lg-12 col-md-12 col-sm-12 col-xs-12 hidden">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                    <h5>PAGOS</h5>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
                    {#{% if a.cveLic.conInscripcion == 1 %}#}
                    <a id="btnInscripcion" class="btn btn-sm btn-warning " data-toggle="modal" data-target="#myModal1">PAGAR INSCRIPCION</a>
                    {#{% else %}
                        <a id="btnInscripcion" class="btn btn-sm btn-success disabled" data-toggle="modal" data-target="#myModal1">PAGAR INSCRIPCION</a>
                    {% endif %}#}
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
                    <a id="btnMensualidad" class="btn btn-sm btn-warning " data-toggle="modal" data-target="#myModal2">PAGAR MENSUALIDAD</a>
                    <input type="hidden" id="idAlu" name="idAlu" value="{{a.ideAlu}}">
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
                    <a id="btnHistorial" class="btn btn-sm btn-success" href="{{path('imprimir_historial_pagos',{ideAlu:a.ideAlu})}}" target="_blank">IMPRIMIR HISTORIAL</a>
                </div>

            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive hidden" id="conTablaAlumno">
                <table class="table table-bordered table-condensed table-hover table-striped" style="font-size: smaller;">
                    <thead>
                    <th>NP</th>
                    <th>NUMERO</th>
                    <th>CONCEPTO</th>
                    <th>MES</th>
                    <th>REFERENCIA</th>
                    <!--<th>FEC.INI</th>
                    <th>FEC.TER</th>-->
                    <th>FORMA DE PAGO</th>
                    <th>TOTAL</th>
                    </thead>
                    <tbody>
                        {% if pagos is defined%}
                            {%for p in pagos %}
                                <tr>
                                    <td>{{loop.index}}</td>
                                    <td>{{p.semestre}}</td>
                                    <td>{{p.descripcion}}</td>
                                    <td>{{p.nomMes}} {{p.fecIni | date('Y')}}</td>
                                    <td>{{p.referencia}}</td>
                                    <!--<td>{p.fecIni | date('d-m-Y')}}</td>
                                    <td>{p.fecTer | date('d-m-Y')}}</td>-->
                                    {% if p.tipPag == 1 %}
                                        <td>EFECTIVO</td>
                                    {% elseif p.tipPag == "" %}
                                        <td></td>
                                    {% elseif p.tipPag == 0 %}
                                        <td>BANCO</td>
                                    {% endif %}
                                    <td>$ {{p.monto | number_format(2,'.',',') }}</td>
                                    <td>
                                        {% if p.staPag == 2 %}
                                            {% if p.numero == 0 %}
                                                <a id="btnImpMensualidad" class="btn btn-sm btn-success" href="{{path('imprimir_mensualidad',{ref:p.referencia,ban : 1,ideAlu : p.cveAlu.ideAlu,numRec : p.numRecibo,cveIng : p.cveIng})}}" target="_blank">COMPROBANTE</a>
                                            {% elseif p.numero == -1 %}
                                                <a id="btnImpMensualidad" class="btn btn-sm btn-success" href="{{path('imprimir_mensualidad',{ref:p.referencia,ban : 2,ideAlu : p.cveAlu.ideAlu,numRec : p.numRecibo,cveIng : p.cveIng})}}" target="_blank">COMPROBANTE</a>
                                            {% else %}
                                                <a id="btnImpMensualidad" class="btn btn-sm btn-success" href="{{path('imprimir_mensualidad',{ref:p.referencia,ban : 0,ideAlu : p.cveAlu.ideAlu,numRec : p.numRecibo,cveIng : p.cveIng})}}" target="_blank">COMPROBANTE</a>
                                            {% endif %}
                                        {% elseif p.staPag == 1 %}
                                            NO PAGADO
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                        {% endif %}
                    </tbody>
                </table>

            </div>
        </div>

        <!-- Modal -->
        <div id="myModalFoto" class="modal fade" role="dialog">
            <div class="modal-dialog modal-lg">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #C9DAE1;">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">TOMAR FOTOGRAFÍA DE USUARIO</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div align="left" id="cuadro_camara">    

                                    <table width="100%" height="144"><tr><td width="100" valign=top>
                                                <form>
                                                    <input type=button value="Configurar" onClick="webcam.configure()" class="botones_cam">
                                                    &nbsp;&nbsp;
                                                    <input type=button value="Tomar foto" onClick="webcam.freeze()" class="botones_cam">
                                                    &nbsp;&nbsp;
                                                    <input type=button value="subir" onClick="do_upload()" class="botones_cam">
                                                    &nbsp;&nbsp;
                                                    <input type=button value="Reset" onClick="webcam.reset()" class="botones_cam">
                                                </form>

                                            </td>
                                            <td width="263" valign=top>
                                                <script language="JavaScript">
                                                    document.write(webcam.get_html(240, 300));//dimensiones de la camara
                                                </script>
                                            </td>
                                            <td width=411>
                                                <div id="upload_results" class="formulario" > </div>
                                            </td>
                                        </tr>
                                    </table><br /><br />
                                </div>
                                <div id="gallery">
                                    <ul>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">CERRAR</button>
                    </div>
                </div>

            </div>
        </div> <!-- FIN MODAL FOTOGRAFIA -->

        <!-- Modal 1 -->
        <div id="myModal1" class="modal fade" role="dialog">
            <div class="modal-dialog modal-lg">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #C9DAE1;">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">INSCRIPCION</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div id="gifI" hidden="true" class="img-responsive" >
                                    <img src="{{asset('images/load2.gif')}}" />
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="contTablaModI">
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <!--<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-md-3 col-sm-3 col-xs-12 text-right">
                                            <label>RAZON SOCIAL:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <select name="rsI" id="rsI" class="form-control">
                                                { for r in rs %}
                                                    <option value="{r.ideRazSoc}}">{r.razonSocial}}</option>
                                                { endfor %}
                                            </select>
                                        </div>
                                    </div>-->
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-md-3 col-sm-3 col-xs-12 text-right">
                                            <label>MODO DE PAGO:</label>
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-12">
                                            <select name="modoPagoI" id="modoPagoI" class="form-control">
                                                <option value="default">Selecciona</option>
                                                <option value="0">BOUCHER</option>
                                                <option value="1">EFECTIVO</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="bancoI">
                                        <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                            <label>FOLIO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="referenciaI" id="referenciaI" type="text" value="" class="form-control" placeholder="Referencia">
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="efectivoI">
                                        <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                            <label>PAGÓ CON:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input name="pConI" id="pConI" type="text" value="" class="form-control" placeholder="Efectivo">
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                            <label>CAMBIO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input name="cambioI" id="cambioI" type="text" value="" class="form-control" placeholder="Cambio" readonly="true">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                        <label>FECHA:</label>
                                    </div>
                                    <div class="col-md-4 col-sm-4 col-xs-12">
                                        <input name="fechaMovI" id="fechaMovI" type="date" value="{{"now" | date('Y-m-d')}}" class="form-control" readonly="true">
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnModPagarInscripcion">PAGAR</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCancelarInscripcion">CANCELAR</button>
                    </div>
                </div>

            </div>
        </div> <!-- FIN MODAL 1 -->

        <!-- Modal 2 -->
        <div id="myModal2" class="modal fade" role="dialog">
            <div class="modal-dialog modal-lg">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header" style="background-color: #C9DAE1;">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">MENSUALIDAD</h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div id="gif3" hidden="true" class="img-responsive" >
                                    <img src="{{asset('images/load2.gif')}}" />
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="contTablaMod2">
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <!--<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-md-3 col-sm-3 col-xs-12 text-right">
                                            <label>RAZON SOCIAL:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <select name="rsM" id="rsM" class="form-control">
                                                { for r in rs %}
                                                    <option value="{r.ideRazSoc}}">{r.razonSocial}}</option>
                                                { endfor %}
                                            </select>
                                        </div>
                                    </div>-->
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-md-3 col-sm-3 col-xs-12 text-right">
                                            <label>MODO DE PAGO:</label>
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-xs-12">
                                            <select name="modoPago" id="modoPago" class="form-control">
                                                <option value="default">Selecciona</option>
                                                <option value="0">BOUCHER</option>
                                                <option value="1">EFECTIVO</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="banco">
                                        <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                            <label>FOLIO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="referencia2" id="referencia2" type="text" value="" class="form-control" placeholder="Folio">
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="efectivo">
                                        <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                            <label>PAGÓ CON:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input name="pCon" id="pCon" type="text" value="" class="form-control" placeholder="Efectivo">
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                            <label>CAMBIO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input name="cambio" id="cambio" type="text" value="" class="form-control" placeholder="Cambio" readonly="true">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                        <label>FECHA:</label>
                                    </div>
                                    <div class="col-md-4 col-sm-4 col-xs-12">
                                        <input name="fechaMov2" id="fechaMov2" type="date" value="{{"now" | date('Y-m-d')}}" class="form-control" readonly="true">
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnModPagarMes">PAGAR</button>
                        <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCancelarMes">CANCELAR</button>
                    </div>
                </div>

            </div>
        </div> <!-- FIN MODAL 2 -->

    </div>

{% endblock %}
