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

{% block stylesheet %}

    <style>
        .form-control.error {
            border-color: red;
        }

        .form-control.valid {
            border-color: green;
        }

        .error {
            color: red;
        }
    </style>

{% endblock %}

{% block javascripts %}
    <script src="{{ asset('js/misJs/alumno.js') }}"></script>
    <script src="{{ asset('js/misJs/validarAltaAlumnoLic.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>
    <script src="{{ asset('js/misJs/teTOtd.js') }}"></script>
    <script src="{{ asset('js/misJs/ceReinscripcion.js') }}"></script>
    <script src="{{ asset('js/misJs/subirExpediente.js') }}"></script>

{% endblock %}


{% block content %}
    <div class="container-fluid">
        {% for flashMessage in app.session.flashbag.get('mensaje') %}
            <script>
                swal("", "{{ flashMessage }}", "success");
            </script>
        {% endfor %}
        {% set tipoUsuario = app.session.get('rol') %}

        {% set externo = app.session.get('externo') %}

        <h1 class="mt-4">Alumnos</h1>
        <ol class="breadcrumb mb-2">
            <li class="breadcrumb-item"><a href="{{ path('cm_homepage') }}">Tablero</a></li>
            <li class="breadcrumb-item active">Alumno</li>
        </ol>
        <div class="row">
            <div class="col-lg-12">
                <div class="card border-info mb-1">
                    <div class="card-header bg-info border-info">
                        <i class="fas fa-user mr-1"></i>
                        RESUMEN
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-2 col-xs-12" id="fotoMini">
                                <!--<h4>Alumno</h4>-->
                                {% if a.credencial == 1 %}
                                    <img src="{{ asset(fotoAlumno) }}" class="img-fluid"
                                         style="border-radius: 10px;border: solid 1px blue;height: 10rem;"/>
                                {% else %}
                                    <img src="{{ asset(fotoAlumno) }}" class="img-fluid"
                                         style="border-radius: 10px;border: solid 1px red;height: 10rem;"/>
                                {% endif %}
                            </div><!-- FIN col-lg-2 col-xs-12 -->
                            <div class="col-lg-4 col-xs-12">
                                <div class="row">
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-right: 0px;">
                                        <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-12"
                                                 style="padding-right: 0px;margin-bottom: 10px;">
                                                <input type="file" name="archivoFoto" id="archivoFoto"
                                                       class="form-control form-control-sm"
                                                       style="padding-left: 5px;padding-right: 5px;margin-top: 10px;">
                                            </div>
                                            <div class="form-group col-sm-12 text-right" style="padding-right: 0px;">
                                                <input type="submit" class="btn btn-sm btn-primary"
                                                       value="Subir Imagen">
                                            </div>
                                        </form>
                                    </div>
                                    {% if tipoUsuario == 99 or tipoUsuario == 77 %}
                                        <div class="col-lg-12 col-xs-12 text-right">
                                            <a class="btn btn-danger btn-xs" data-toggle="modal"
                                               data-target="#myModalTeToTd" id="btnTeTOtd">
                                                CAMBIAR A DIRECTA <i class="fa fa-exchange-alt fw"></i>
                                            </a>
                                        </div>
                                    {% endif %}
                                </div>
                            </div><!-- FIN col-lg-4 col-xs-12 -->
                            <div class="col-lg-6 col-xs-12">
                                <div class="row">
                                    <div class="col-lg-6 col-xs-12">
                                        <div class="input-group mb-1">
                                            <span class="input-group-text" id="basic-addon1"><i
                                                        class="fa fa-barcode fw"></i></span>
                                            <input type="text" class="form-control form-control-sm"
                                                   aria-describedby="basic-addon1" readonly="true"
                                                   value="{{ a.cveCtl }}">
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-xs-12">
                                        <div class="input-group mb-1">
                                            <span class="input-group-text" id="basic-addon2"><i
                                                        class="fa fa-building fw"></i></span>
                                            <input type="text" class="form-control form-control-sm"
                                                   aria-describedby="basic-addon2" readonly="true"
                                                   value="{{ a.cvePla.nomPla }}">
                                        </div>
                                    </div>
                                </div><!-- FIN ROW -->
                                <div class="row">
                                    <div class="col-lg-10 col-xs-12">
                                        <div class="input-group mb-1">
                                            <span class="input-group-text" id="basic-addon3"><i
                                                        class="fa fa-graduation-cap fw"></i></span>
                                            <input type="text" class="form-control form-control-sm"
                                                   aria-describedby="basic-addon3" readonly="true"
                                                   value="{{ a.apePat }} {{ a.apeMat }} {{ a.nomAlu }}">
                                        </div>
                                    </div>
                                    <div class="col-lg-2 col-xs-12">
                                        <div class="input-group mb-1">
                                            <span class="input-group-text" id="basic-addon5"><i
                                                        class="fa fa-graduation-cap fw"></i></span>
                                            <input type="text" class="form-control form-control-sm"
                                                   aria-describedby="basic-addon5" readonly="true"
                                                   value="{{ a.numero }}°">
                                        </div>
                                    </div>
                                </div><!-- FIN ROW -->
                                <div class="input-group mb-1">
                                    {% if a.tipoAlumno == 1 %}
                                        <span class="input-group-text" id="basic-addon4">BACHILLERATO</span>
                                    {% else %}
                                        <span class="input-group-text"
                                              id="basic-addon4">{{ a.cveLic.cveNivAca.nombre }}</span>
                                    {% endif %}

                                    <input type="text" class="form-control" aria-describedby="basic-addon4"
                                           readonly="true" value="{{ a.cveLic.nomLic }}">
                                </div>
                                <div class="row">

                                    {% if a.tipoAlumno == 1 %}
                                        {#
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                                            <a class="btn btn-block btn-sm btn-success" href="{{path('ficha_bachillerato',{ideAlu:a.ideAlu})}}" target="_blank">
                                                <i class="fa fa-print fw"></i> FICHA <i class="fa fa-file fw"></i>
                                            </a>
                                        </div>
                                        #}
                                    {% elseif a.tipoAlumno == 2 %}

                                    {% elseif a.tipoAlumno == 3 %}
                                        {#
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                                            <a class="btn btn-block btn-sm btn-success" href="{{path('ficha_licenciatura',{ideAlu:a.ideAlu})}}" target="_blank">
                                                <i class="fa fa-print fw"></i> FICHA <i class="fa fa-file fw float-right" style="font-size: 1.5em;"></i>
                                            </a>
                                        </div>
                                        #}
                                    {% elseif a.tipoAlumno == 4 %}
                                        {#
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                                            <a class="btn btn-block btn-sm btn-success" href="{{path('ficha_maestria',{ideAlu:a.ideAlu})}}" target="_blank">
                                                <i class="fa fa-print fw"></i> FICHA <i class="fa fa-file fw float-right" style="font-size: 1.5em;"></i>
                                            </a>
                                        </div>
                                        #}
                                    {% elseif a.tipoAlumno == 5 %}
                                        {#
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                                            <a class="btn btn-block btn-sm btn-success" href="{{path('ficha_doctorado',{ideAlu:a.ideAlu})}}" target="_blank">
                                                <i class="fa fa-print fw"></i> FICHA <i class="fa fa-file fw float-right" style="font-size: 1.5em;"></i>
                                            </a>
                                        </div>
                                        #}
                                    {% endif %}
                                    {#
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="margin-bottom: 5px;">
                                        <a class="btn btn-block btn-sm btn-primary" href="{{path('credencial_alumno',{ideAlu:a.ideAlu})}}" target="_blank">
                                            <i class="fa fa-print fw"></i> CREDENCIAL <i class="fa fa-credit-card fw float-right" style="font-size: 1.5em;"></i>
                                        </a>
                                    </div>
                                    #}

                                    {% if a.estatus.ideEst != 12 %}
                                        <div class="col-lg-12" style="margin-bottom: 5px;">
                                            <a id="btnIniciarR" class="btn btn-block btn-sm btn-warning"
                                               data-toggle="modal" data-target="#myModalR">
                                                <i class="fa fa-file fw"></i><b> REINSCRIPCIÓN</b> <i
                                                        class="fa fa-user-plus fw float-right"
                                                        style="font-size: 1.5em;"></i>
                                            </a>
                                        </div>
                                    {% else %}
                                    {% endif %}
                                </div><!-- FIN ROW -->

                            </div><!-- FIN col-lg-6 col-xs-12 -->
                        </div><!-- FIN ROW -->
                    </div><!-- FIN card-body -->
                </div><!-- FIN card mb-1 -->
            </div><!-- fin div col-12 -->
            <div class="col-lg-12">
                <div class="card border-info mb-1">
                    <div class="card-header bg-info border-info text-white">
                        <i class="fas fa-database mr-1"></i>
                        INFORMACIÓN DEL ALUMNO
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-12">
                                <form class="row small" action="{{ path('actualizar_alumno') }}" method="POST"
                                      id="formulario-alumno-licenciatura">
                                    <nav style="padding: 0px;">
                                        <div class="nav nav-tabs nav-justified" id="myTab" role="tablist">
                                            <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab"
                                                    data-bs-target="#m1" type="button" role="tab"
                                                    aria-controls="nav-home" aria-selected="true">
                                                DATOS PERSONALES
                                            </button>
                                            <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab"
                                                    data-bs-target="#m2" type="button" role="tab"
                                                    aria-controls="nav-profile" aria-selected="false">
                                                DATOS ACADÉMICOS
                                            </button>
                                            <button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab"
                                                    data-bs-target="#m3" type="button" role="tab"
                                                    aria-controls="nav-contact" aria-selected="false">
                                                REQUISITOS
                                            </button>
                                        </div>
                                    </nav>
                                    <div class="tab-content pb-3" id="myTabContent"
                                         style="border: solid 1px; border-color:#fff #dee2e6 #dee2e6;">
                                        <div class="tab-pane fade show active mt-3" id="m1" role="tabpanel"
                                             aria-labelledby="m1-tab">
                                            <div class="row g-3">
                                                <div class="col-md-4">
                                                    <label class="control-label" for="apePat">APELLIDO PATERNO:</label>
                                                    <input type="text" class="form-control form-control-sm" id="apePat"
                                                           name="apePat" placeholder="Apellido paterno"
                                                           style="text-transform: uppercase;" value="{{ a.apePat }}">
                                                    <input type="hidden" id="ideAlu" name="ideAlu"
                                                           value="{{ a.ideAlu }}">
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="control-label" for="apeMat">APELLIDO MATERNO:</label>
                                                    <input type="text" class="form-control form-control-sm" id="apeMat"
                                                           name="apeMat" placeholder="Apellido materno"
                                                           style="text-transform: uppercase;" value="{{ a.apeMat }}">
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="control-label" for="nomAlu">NOMBRE(S):</label>
                                                    <input type="text" class="form-control form-control-sm" id="nomAlu"
                                                           name="nomAlu" placeholder="Nombre o nombres"
                                                           style="text-transform: uppercase;" value="{{ a.nomAlu }}">
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="control-label" for="curp">CURP:</label>
                                                    <input type="text" class="form-control form-control-sm" id="curp"
                                                           name="curp" style="text-transform: uppercase;"
                                                           onblur="curp2date(this.value);" value="{{ a.curp }}">
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="control-label" for="sexAlu">GÉNERO:</label>
                                                    <select id="sexAlu" name="sexAlu"
                                                            class="form-select form-control-sm">
                                                        {% if a.sexo == 1 %}
                                                            <option value="default">Selecciona</option>
                                                            <option value="1" selected="true">Mujer</option>
                                                            <option value="0">Hombre</option>
                                                        {% elseif a.sexo == 0 %}
                                                            <option value="default">Selecciona</option>
                                                            <option value="1">Mujer</option>
                                                            <option value="0" selected="true">Hombre</option>
                                                        {% else %}
                                                            <option value="default" selected="true">Selecciona</option>
                                                            <option value="1">Mujer</option>
                                                            <option value="0">Hombre</option>
                                                        {% endif %}
                                                    </select>
                                                </div>

                                                <div class="col-md-2">
                                                    <label class="control-label" for="fecNac">FECHA DE
                                                        NACIMIENTO:</label>
                                                    {% if a.fecNac != null %}
                                                        <input type="date" class="form-control form-control-sm"
                                                               id="fecNac" name="fecNac"
                                                               value="{{ a.fecNac | date('Y-m-d') }}">
                                                    {% else %}
                                                        <input type="date" class="form-control form-control-sm"
                                                               id="fecNac" name="fecNac" value="">
                                                    {% endif %}
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="control-label" for="edad">EDAD:</label>
                                                    <input type="number" class="form-control form-control-sm" id="edad"
                                                           name="edad" min="0" value="{{ a.edad }}">
                                                </div>
                                            </div><!-- FIN row g-3 -->
                                        </div><!-- FIN M1 -->
                                        <div class="tab-pane fade mt-3" id="m2" role="tabpanel"
                                             aria-labelledby="m2-tab">
                                            <div class="row g-3">
                                                <div class="col-md-5">
                                                    <label class="control-label" for="tipoAlumno">NIVEL:</label>
                                                    <input type="text" class="form-control form-control-sm"
                                                           id="nivelAlumno" name="nivelAlumno"
                                                           value="{{ a.cveLic.cveNivAca.nombre }}" readonly="true">
                                                    <input type="hidden" class="form-control form-control-sm"
                                                           id="tipoAlumno" name="tipoAlumno"
                                                           value="{{ a.cveLic.cveNivAca.ideNivAca }}" readonly="true">
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="control-label" for="staAlu">Estatus:</label>
                                                    <select id="staAlu" name="staAlu"
                                                            class="form-select form-control-sm">
                                                        <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 %}
                                                                        {% if externo == 0 %}
                                                                            <option value="{{ e.ideEst }}">{{ e.desEst }}</option>
                                                                        {% else %}
                                                                        {% endif %}
                                                                    {% endif %}
                                                                {% endif %}
                                                            {% endfor %}
                                                        {% endif %}
                                                    </select>

                                                </div>
                                                <div class="col-md-4">
                                                    <label class="control-label" for="cveEsc">Plantel:</label>
                                                    <select class="form-select form-control-sm" 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 class="col-md-4">
                                                    <label class="control-label" for="modalidad">Modalidad:</label>
                                                    <select class="form-select form-control-sm" id="modalidad"
                                                            name="modalidad">
                                                        {% if a.modalidad == "SEMESTRAL" %}
                                                            {% if externo == 1 %}
                                                                <option value="SEMESTRAL" selected="true">SEMESTRAL
                                                                </option>
                                                            {% else %}
                                                                <option value="default">Selecciona</option>
                                                                <option value="SEMESTRAL" selected="true">SEMESTRAL
                                                                </option>
                                                                <option value="CUATRIMESTRAL">CUATRIMESTRAL</option>
                                                            {% endif %}

                                                        {% elseif a.modalidad == "CUATRIMESTRAL" %}
                                                            {% if externo == 1 %}
                                                                <option value="CUATRIMESTRAL" selected="true">
                                                                    CUATRIMESTRAL
                                                                </option>
                                                            {% else %}
                                                                <option value="default">Selecciona</option>
                                                                <option value="SEMESTRAL">SEMESTRAL</option>
                                                                <option value="CUATRIMESTRAL" selected="true">
                                                                    CUATRIMESTRAL
                                                                </option>
                                                            {% endif %}
                                                        {% elseif a.modalidad == "ANUAL" %}
                                                            {% if externo == 1 %}
                                                                <option value="ANUAL" selected>
                                                                    ANUAL
                                                                </option>
                                                            {% else %}
                                                                <option value="default">Selecciona</option>
                                                                <option value="SEMESTRAL">SEMESTRAL</option>
                                                                <option value="CUATRIMESTRAL">CUATRIMESTRAL</option>
                                                                <option value="ANUAL" selected>ANUAL</option>
                                                            {% endif %}
                                                        {% else %}
                                                            <option value="default">Selecciona</option>
                                                            <option value="SEMESTRAL">SEMESTRAL</option>
                                                            <option value="CUATRIMESTRAL">CUATRIMESTRAL</option>
                                                            <option value="ANUAL">ANUAL</option>
                                                        {% endif %}
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="control-label"
                                                           for="cveCar">{{ a.cveLic.cveNivAca.nombre }} EN:</label>
                                                    <div id="gifL" hidden="true" class="img-fluid">
                                                        <img src="{{ asset('images/load2.gif') }}"/>
                                                    </div>
                                                    <div id="contLicenciaturas">
                                                        <select class="form-select form-control-sm" 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 %}
                                                                            {% if externo == 0 %}
                                                                                <option value="{{ l.ideLic }}">{{ l.nomLic }}</option>
                                                                            {% else %}
                                                                            {% endif %}
                                                                        {% endif %}
                                                                    {% endif %}
                                                                {% endfor %}
                                                            {% endif %}
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    {% if a.modalidad == "SEMESTRAL" %}
                                                        <label class="control-label">Num. Semestre: {{ a.numero }}
                                                            °</label>
                                                    {% elseif a.modalidad == "CUATRIMESTRAL" %}
                                                        <label class="control-label">Num. Cuatrimestre: {{ a.numero }}
                                                            °</label>
                                                    {% endif %}
                                                    <div id="numeroSemestre">
                                                        <label class="control-label" for="numSem">Num. Semestre:</label>
                                                        <input type="number" class="form-control form-control-sm"
                                                               id="numSem" name="numSem" min="1" value="{{ a.numero }}">
                                                    </div>
                                                    <div id="numeroCuatrimestre">
                                                        <label class="control-label" for="numCua">Num.
                                                            Cuatrimestre:</label>
                                                        <input type="number" class="form-control form-control-sm"
                                                               id="numCua" name="numCua" min="1" value="{{ a.numero }}">
                                                    </div>
                                                </div>

                                            </div><!-- FIN row g-3 -->
                                        </div><!-- FIN M2 -->
                                        <div class="tab-pane fade mt-3" id="m3" role="tabpanel"
                                             aria-labelledby="m3-tab">
                                            <div class="row g-3">
                                                {% if a.tipoAlumno == 3 %}
                                                    <div class="col-sm-6">
                                                        <div class="row">
                                                            <div class="col-12 text-center">
                                                                <h3 style="padding: 0px;margin: 0px;">
                                                                    <strong>ORIGINALES</strong></h3>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="cerPre">
                                                                            1.- Certificado de Bachillerato
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.cerPre == "on" %}
                                                                            <input type="checkbox" id="cerPre"
                                                                                   name="cerPre" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="cerPre"
                                                                                   name="cerPre"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="actNac">
                                                                            2.- Acta de Nacimiento Certificada
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.actNac == "on" %}
                                                                            <input type="checkbox" id="actNac"
                                                                                   name="actNac" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="actNac"
                                                                                   name="actNac"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div><!-- FIN ROW -->

                                                    </div><!-- col-sm-6 -->
                                                    <div class="col-sm-6">
                                                        <div class="row">
                                                            <div class="col-12 text-center">
                                                                <h3 style="padding: 0px;margin: 0px;">
                                                                    <strong>COPIAS</strong></h3>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="cerPre2">
                                                                            1.- Certificado de Bachillerato (2 copias)
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.cerPreCopia == "on" %}
                                                                            <input type="checkbox" id="cerPre2"
                                                                                   name="cerPre2" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="cerPre2"
                                                                                   name="cerPre2"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="actNac2">
                                                                            2.- Acta de Nacimiento(2 copias)
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.actNacCopia == "on" %}
                                                                            <input type="checkbox" id="actNac2"
                                                                                   name="actNac2" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="actNac2"
                                                                                   name="actNac2"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="copCurp2">
                                                                            3.- CURP validada de Internet (3 copias)
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.copCurpCopia == "on" %}
                                                                            <input type="checkbox" id="copCurp2"
                                                                                   name="copCurp2" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="copCurp2"
                                                                                   name="copCurp2"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="cerMed2">
                                                                            4.- IFE o INE (3 copias)
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.cerMedCopia == "on" %}
                                                                            <input type="checkbox" id="cerMed2"
                                                                                   name="cerMed2" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="cerMed2"
                                                                                   name="cerMed2"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div><!-- FIN ROW -->

                                                    </div><!-- col-sm-6 -->
                                                {% elseif a.tipoAlumno == 1 %}
                                                    {# BACHILLERATO ESCOLARIZADO #}
                                                    <div class="col-sm-6">
                                                        <div class="row">
                                                            <div class="col-12 text-center">
                                                                <h3 style="padding: 0px;margin: 0px;">
                                                                    <strong>ORIGINALES</strong></h3>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="cerPre">
                                                                            1.- Certificado de Secundarias
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.cerSec == "on" %}
                                                                            <input type="checkbox" id="cerSec"
                                                                                   name="cerPre" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="cerSec"
                                                                                   name="cerPre"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="actNac">
                                                                            2.- Acta de Nacimiento Certificada
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.actNac == "on" %}
                                                                            <input type="checkbox" id="actNac"
                                                                                   name="actNac" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="actNac"
                                                                                   name="actNac"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div><!-- FIN ROW -->

                                                    </div><!-- col-sm-6 -->
                                                    <div class="col-sm-6">
                                                        <div class="row">
                                                            <div class="col-12 text-center">
                                                                <h3 style="padding: 0px;margin: 0px;">
                                                                    <strong>COPIAS</strong></h3>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="cerPre2">
                                                                            1.- Certificado de Secundaria (2 copias)
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.cerSecCopia == "on" %}
                                                                            <input type="checkbox" id="cerSec2"
                                                                                   name="cerPre2" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="cerSec2"
                                                                                   name="cerPre2"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="actNac2">
                                                                            2.- Acta de Nacimiento(2 copias)
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.actNacCopia == "on" %}
                                                                            <input type="checkbox" id="actNac2"
                                                                                   name="actNac2" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="actNac2"
                                                                                   name="actNac2"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="copCurp2">
                                                                            3.- CURP validada de Internet (3 copias)
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.copCurpCopia == "on" %}
                                                                            <input type="checkbox" id="copCurp2"
                                                                                   name="copCurp2" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="copCurp2"
                                                                                   name="copCurp2"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-12">
                                                                <div class="row">
                                                                    <div class="col-lg-6 text-left">
                                                                        <label class="form-check-label" for="cerMed2">
                                                                            4.- IFE o INE (3 copias)
                                                                        </label>
                                                                    </div>
                                                                    <div class="col-lg-6 text-left">
                                                                        {% if a.cerMedCopia == "on" %}
                                                                            <input type="checkbox" id="cerMed2"
                                                                                   name="cerMed2" checked="true"
                                                                                   class="form-check-input">
                                                                        {% else %}
                                                                            <input type="checkbox" id="cerMed2"
                                                                                   name="cerMed2"
                                                                                   class="form-check-input">
                                                                        {% endif %}
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div><!-- FIN ROW -->

                                                    </div><!-- col-sm-6 -->

                                                {% elseif a.tipoAlumno == 4 %}
                                                    <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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 -->
                                                {% elseif a.tipoAlumno == 5 %}
                                                    <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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 float-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 -->

                                                {% endif %}


                                            </div><!-- FIN row g-3 -->
                                        </div><!-- FIN M3 -->
                                    </div> <!-- FIN TAB-CONTENT -->
                                    <div class="row">
                                        <div class="col-lg-12 text-right pt-2">
                                            <button type="submit" class="btn btn-primary btn-sm">
                                                <strong>Actualizar</strong></button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div><!-- FIN card-body -->
                </div><!-- FIN card mb-1 -->
            </div><!-- fin div col-12 -->

            <div class="col-lg-12">
                <div class="card border-info mb-1">
                    <div class="card-header bg-info border-info text-white">
                        <i class="fas fa-database mr-1"></i>
                        DIGITALIZAR EXPEDIENTE
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="row">
                                    <div class="col-lg-6" style="border: 1px solid cadetblue;border-radius: 10px;">
                                        <div id="images"></div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="row">
                                            <div class="col-lg-12 mb-2 text-right">
                                                <button type="button" onclick="scanToPdfWithThumbnails();"
                                                        class="btn btn-warning btn-sm btn-block">
                                                    <i class="fa fa-bars fw"></i> Usar Escaner
                                                </button>
                                            </div><!-- FIN col-lg-12 -->
                                            <div class="col-lg-12 text-right">
                                                <!-- 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-select form-control-sm mb-2">
                                                        <option value="-anAlumno">Acta de Nacimiento Alumno</option>
                                                        <option value="-curpAlumno">CURP Alumno</option>
                                                        <option value="-cv">Cartilla de Vacunación/Certificado Medico
                                                        </option>
                                                        <option value="-ineMadre">INE Madre</option>
                                                        <option value="-curpMadre">CURP Madre</option>
                                                        <option value="-inePadre">INE Padre</option>
                                                        <option value="-curpPadre">CURP Padre</option>
                                                        <option value="-comDomicilio">Comprobante de Domicilio</option>
                                                    </select>
                                                    <!--<input type="text" id="sample-field" name="sample-field" value="Test scan"/>-->
                                                    <input type="button" value="Subir Archivo"
                                                           onclick="submitFormWithScannedImages();"
                                                           class="btn btn-primary btn-sm">
                                                </form>
                                            </div><!-- FIN col-lg-12 -->
                                            <div class="col-lg-12">
                                                <div id="server_response"></div>
                                            </div><!-- FIN col-lg-12 -->
                                        </div>
                                    </div>
                                </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>SUBIR EXPEDIENTE EN PDF</h5>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                                    <a id="btnSubirExpediente" class="btn btn-sm btn-primary" data-bs-toggle="modal"
                                       data-bs-target="#myModalExpediente">
                                        <i class="fa fa-file fw"></i> SELECCIONAR ARCHIVOS
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div><!-- FIN card-body -->
                </div><!-- FIN card mb-1 -->
            </div><!-- fin div col-12 -->

            <div class="col-lg-12">
                <div class="card border-info mb-1">
                    <div class="card-body">
                        <div class="row" id="contExpedienteDigital">
                            {% for key, doc in docDigital %}
                                <div class="col-lg-6">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <h5><b>{{ key }}</b></h5>
                                        </div>
                                        <div class="col-lg-12">
                                            {% if doc != "NO" %}
                                                <embed src="{{ asset(doc) }}" width="100%" height="300px"/>
                                            {% else %}
                                                <div class="alert alert-warning" role="alert">
                                                    Falta por Digitalizar
                                                </div>
                                            {% endif %}
                                        </div>
                                    </div><!-- FIN row -->
                                </div>
                            {% endfor %}
                        </div>
                    </div><!-- FIN card-body -->
                </div><!-- FIN card mb-1 -->
            </div><!-- fin div col-12 -->

        </div><!-- FIN ROW -->
    </div><!-- FIN CONTAINER FLUID -->

    <!-- myModalTeToTd -->
    <div class="modal fade" id="myModalTeToTd" data-backdrop="static" data-keyboard="false" tabindex="-1"
         aria-labelledby="ventanaModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header text-white" style="background-color: #336375;">
                    <h5 class="modal-title" id="ventanaModalLabel">
                        CAMBIAR A TITULACIÓN DIRECTA
                    </h5>
                    <button type="button" class="btn-close bg-white" data-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <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 table-responsive"
                                 id="contTablaModTeToTd">
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="btnModHacerCambio">HACER CAMBIO <i
                                class="fa fa-exchange fw"></i></button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" id="btnModCancelarCambio">
                        CANCELAR
                    </button>
                </div>
            </div>

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

    <!-- myModalR -->
    <div id="myModalR" 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">GENERAR REINSCRIPCIÓN</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <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 table-responsive" id="contTablaModR">
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="contTablaModR2">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="btnModHacerR">HACER CAMBIO <i
                                class="fa fa-exchange fw"></i></button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal" id="btnModCancelarR">CERRAR
                    </button>
                </div>
            </div>

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

    <!-- Modal EXPEDIENTE -->
    <div class="modal fade" id="myModalExpediente" tabindex="-1" aria-labelledby="myModalExpedienteLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="myModalExpedienteLabel">SUBIR EXPEDIENTE</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <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 table-responsive" id="contTablaExp">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">CERRAR</button>
                </div>
            </div>
        </div>
    </div> <!-- FIN MODAL EXPEDIENTE -->






{% endblock %}
