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

{% block stylesheet %}
    <style>
        .error{
            color: red;
            border-color: red;
        }

        form.form-titulacion label.error {
            display: none;
        }
    </style>
{% endblock %}

{% block javascripts %}
    <script src="{{asset('js/misJs/alumno.js')}}"></script>
    <script src="{{asset('js/misJs/alumnoEU.js')}}"></script>
    <script src="{{asset('js/misJs/validarAltaAlumnoEU.js')}}"></script>
{% endblock %}

{% block content %}
    <div class="row">
        <h3 class="text-center">REGISTRO DE ALUMNO: Bachillerato RETROACTIVO</h3>
        <form class="form-horizontal" action="{{path('alta_alumno_bachi_retro')}}" method="POST" id="form-alta-EU">
            {# INICIA #}
            <div class="accordion" id="accordionExample">
                <div class="card">
                    <div class="card-header" id="headingOne" style="background-color: orange;">
                        <h2 class="mb-0">
                            <button class="btn btn-link" type="button" style="font-weight: bolder; color: white;">
                                <i class="fa fa-user fw"></i> DATOS PERSONALES
                            </button>
                        </h2>
                    </div>

                    <div id="collapseOne">
                        <div class="card-body">
                            <div class="tab-pane fade in active" id="m1">
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="apePat">Ape. Paterno:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="apePat" name="apePat" placeholder="Apellido paterno" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-2" for="apeMat">Ape. Materno:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="apeMat" name="apeMat" placeholder="Apellido materno" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="nomAlu">Nombre(s):</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="nomAlu" name="nomAlu" placeholder="Nombre o nombres" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-2" for="curp">CURP:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="curp" name="curp" onKeyUp="this.value = this.value.toUpperCase();" onblur="curp2date(this.value);">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="sexAlu">Sexo:</label>
                                        <div class="col-sm-2">
                                            <select id="sexAlu" name="sexAlu" class="form-control">
                                                <option value="default">Selecciona</option>
                                                <option value="1">Mujer</option>
                                                <option value="0">Hombre</option>
                                            </select>
                                        </div>
                                        <label class="control-label col-sm-2" for="fecNac">Fec. Nacimiento:</label>
                                        <div class="col-sm-2">
                                            <input type="date" class="form-control" id="fecNac" name="fecNac">
                                        </div>
                                        <label class="control-label col-sm-2" for="edad">Edad:</label>
                                        <div class="col-sm-2">
                                            <input type="number" class="form-control" id="edad" name="edad">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="calle">Calle:</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" id="calle" name="calle" placeholder="Calle y entre calles" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-1" for="numExt">Ext:</label>
                                        <div class="col-sm-1">
                                            <input type="text" class="form-control" id="numExt" name="numExt" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-1" for="numInt">Int:</label>
                                        <div class="col-sm-1">
                                            <input type="text" class="form-control" id="numInt" name="numInt" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="colonia">Colonia:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="colonia" name="colonia" placeholder="Colonia" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-1" for="codPos">CP:</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="codPos" name="codPos" placeholder="CP">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="edoAlu">Estado:</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="edoAlu" name="edoAlu" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-2" for="munAlu">Municipio:</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="munAlu" name="munAlu" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-2" for="nacionalidad">Nacionalidad:</label>
                                        <div class="col-sm-2">
                                            <input type="text" class="form-control" id="nacionalidad" name="nacionalidad" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="telefono">Teléfono Fijo:</label>
                                        <div class="col-sm-4">
                                            <input type="tel" class="form-control" id="telCas" name="telefono" placeholder="telefono fijo">
                                        </div>
                                        <label class="control-label col-sm-2" for="telefono">Teléfono Celular:</label>
                                        <div class="col-sm-4">
                                            <input type="tel" class="form-control" id="telefonoCelular" name="telefonoCelular" placeholder="telefono celular">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="email">Email:</label>
                                        <div class="col-sm-4">
                                            <input type="email" class="form-control" id="email" name="email" placeholder="Ingresa email">
                                        </div>
                                        <label class="control-label col-sm-2" for="facebook">Facebook:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="facebook" name="facebook" placeholder="facebook">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="dependencia">Dependencia o Empresa:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="dependendia" name="dependencia" placeholder="">
                                        </div>
                                        <label class="control-label col-sm-2" for="depto">Depto.:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="depto" name="depto" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="observaciones">Observaciones:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="observaciones" name="observaciones" placeholder="">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-3" for="comoEntero">Cómo se enteró:</label>
                                        <div class="col-sm-9">
                                            <input type="text" class="form-control" id="comoEntero" name="comoEntero" placeholder="">
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- FIN M1 -->
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header" id="headingTwo" style="background-color: orange;">
                        <h2 class="mb-0">
                            <button class="btn btn-link collapsed" type="button" style="font-weight: bolder;color: white;">
                                <i class="fa fa-graduation-cap fw"></i> DATOS ACADÉMICOS
                            </button>
                        </h2>
                    </div>
                    <div id="collapseTwo">
                        <div class="card-body">
                            <div class="tab-pane fade in" id="m3">
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="tipoAlumno">Tipo Registro:</label>
                                        <div class="col-sm-4">
                                            <select id="tipoAlumno" name="tipoAlumno" class="form-control" readonly="true">
                                                <option value="default">Selecciona</option>
                                                <option value="7" selected="true">BACHILLERATO RETROACTIVO</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-4" for="tipoAlumno">Escuela de Procedencia:</label>
                                        <div id="gif2" hidden="true" class="img-responsive">
                                            <img src="{{asset('images/load2.gif')}}" />
                                        </div>
                                        <div class="col-sm-5" id="contProcedencias">
                                            <select id="escProcedencia" name="escProcedencia" class="form-control" readonly="true">
                                                <option value="default">Selecciona</option>
                                                {% if procedencias is defined %}
                                                    {% for p in procedencias %}
                                                        <option value="{{p.idePro}}">{{p.nomPlantel}}</option>
                                                    {% endfor %}
                                                {% endif %}
                                            </select>
                                        </div>
                                        <div class="col-sm-3">
                                            <input type="button" class="btn btn-sm btn-primary" value="NUEVO" data-toggle="modal" data-target="#myModal">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-1" for="fecIng">Ingreso:</label>
                                        <div class="col-sm-2">
                                            <input type="date" class="form-control" id="fecIng" name="fecIng" value="{{'now' | date('Y-m-d')}}" readonly="true">
                                        </div>
                                        <label class="control-label col-sm-1" for="fecEgr">Secunadaria:</label>
                                        <div class="col-sm-2">
                                            <input type="date" class="form-control" id="fecEgr" name="fecEgr">
                                        </div>
                                        <label class="control-label col-sm-1" for="staAlu">Estatus:</label>
                                        <div class="col-sm-3">
                                            <select id="staAlu" name="staAlu" class="form-control" readonly="true">
                                                <option value="default">Selecciona</option>
                                                {% if estatus is defined %}
                                                    {% for e in estatus %}
                                                        {% if e.tipEst == 4 %}
                                                            {% if e.ideEst == 1 %}
                                                                <option value="{{e.ideEst}}" selected="true">{{e.desEst}}</option>
                                                            {% else %}
                                                                <option value="{{e.ideEst}}">{{e.desEst}}</option>
                                                            {% endif %}
                                                        {% endif %}
                                                    {% endfor %}
                                                {% endif %}
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-1" for="cveEsc">Plantel:</label>
                                        <div class="col-sm-4">
                                            <select class="form-control" id="cveEsc" name="cveEsc">
                                                <option value="default">Selecciona</option>
                                                {% if planteles is defined %}
                                                    {% for p in planteles %}
                                                        <option value="{{p.idePla}}">{{p.nomPla}}</option>
                                                    {% endfor %}
                                                {% endif %}
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="cveCar">Bachillerato:</label>
                                        <div id="gifL" hidden="true" class="img-responsive" >
                                            <img src="{{asset('images/load2.gif')}}" />
                                        </div>
                                        <div class="col-sm-4" id="contLicenciaturas">
                                            <select class="form-control" id="cveCar" name="cveCar" readonly="true">
                                                <option value="default">Selecciona</option>
                                                {% if licenciaturas is defined %}
                                                    {% for l in licenciaturas %}
                                                        <option value="{{l.ideLic}}" selected="true">{{l.nomLic}}</option>
                                                    {% endfor %}
                                                {% endif %}
                                            </select>
                                        </div>
                                        <label class="control-label col-sm-2" for="coordinador">Coordinador:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="coordinador" name="coordinador" placeholder="">
                                        </div>
                                    </div>
                                    <div id="gifCB" hidden="true" class="img-responsive" >
                                        <img src="{{asset('images/load2.gif')}}" />
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="cveCol">Costo del Trámite:</label>
                                        <div class="col-sm-4" id="contColegiatura">
                                            <input type="number" step="any" id="colegiatura" name="colegiatura" class="form-control" value="0.0">
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- FIN M3 -->
                        </div>
                    </div>
                </div><!-- CARD #2 -->
                <div class="card">
                    <div class="card-header" id="headingThree" style="background-color: orange;">
                        <h2 class="mb-0">
                            <button class="btn btn-link collapsed" type="button" style="font-weight: bolder; color: white;">
                                <i class="fa fa-check-square fw"></i> REQUISITOS
                            </button>
                        </h2>
                    </div>
                    <div id="collapseThree">
                        <div class="card-body">
                            <div class="tab-pane fade in" id="m4">
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                    <div class="col-sm-6">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>ORIGINALES</strong></h3>
                                        </div>
                                        <ul class="list-group">
                                            <li class="list-group-item">
                                                <strong>1.- Certificado de Secundaria</strong>
                                                <div class="material-switch pull-right">
                                                    <input type="checkbox" id="cerSec" name="cerSec">
                                                    <label for="cerSec" class="label-success"></label>
                                                </div>
                                            </li>

                                            <li class="list-group-item">
                                                <strong>2.- Acta de Nacimiento Certificada</strong>
                                                <div class="material-switch pull-right">
                                                    <input type="checkbox" id="actNac" name="actNac">
                                                    <label for="actNac" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                            <li class="list-group-item" style="height: 42px;">
                                            </li>
                                            <li class="list-group-item">
                                                <strong>5.- Comprobante domiciliario</strong>
                                                <div class="material-switch pull-right">
                                                    <input type="checkbox" id="cerPre" name="cerPre">
                                                    <label for="cerPre" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>6.- Paquete de fotos (completas)</strong>
                                                <div class="material-switch pull-right">
                                                    <input type="checkbox" id="fotInf" name="fotInf">
                                                    <label for="fotInf" class="label-success"></label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div><!-- col-sm-6 -->
                                    <div class="col-sm-6">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>COPIAS</strong></h3>
                                        </div>
                                        <ul class="list-group">
                                            <li class="list-group-item">
                                                <strong>1.- Certificado de Secundaria (2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    <input type="checkbox" id="cerSec2" name="cerSec2">
                                                    <label for="cerSec2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>2.- Acta de Nacimiento Certificada (2 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    <input type="checkbox" id="actNac2" name="actNac2">
                                                    <label for="actNac2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>3.- CURP validada de Internet (3 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    <input type="checkbox" id="copCurp2" name="copCurp2">
                                                    <label for="copCurp2" class="label-success"></label>
                                                </div>
                                            </li>
                                            <li class="list-group-item">
                                                <strong>4.- IFE o INE (3 copias)</strong>
                                                <div class="material-switch pull-right">
                                                    <input type="checkbox" id="cerMed2" name="cerMed2">
                                                    <label for="cerMed2" class="label-success"></label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div><!-- col-sm-6 -->
                                    <div class="col-sm-12">
                                        <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                            <h3 style="padding: 0px;margin: 0px;"><strong>Acotaciones</strong></h3>
                                        </div>
                                        <div class="col-sm-12 img-responsive">
                                            <img src="{{asset('images/noEntregado.png')}}">
                                            * Indica que el original y/o copia NO se entrego
                                        </div>
                                        <div class="col-sm-12 img-responsive">
                                            <img src="{{asset('images/siEntregado.png')}}">
                                            * Indica que el original y/o copia SI se entrego
                                        </div>
                                    </div><!-- col-sm-12 -->
                                </div>
                            </div> <!-- FIN M4 -->
                        </div>
                    </div>
                </div><!-- CARD #3 -->
                <div class="card">
                    <div class="card-header" id="headingFour" style="background-color: orange;">
                        <h2 class="mb-0">
                            <button class="btn btn-link collapsed" type="button" style="font-weight: bolder;color: white;">
                                <i class="fa fa-group fw"></i> DATOS DE CONTACTO
                            </button>
                        </h2>
                    </div>
                    <div id="collapseFour">
                        <div class="card-body">
                            <div class="tab-pane fade in" id="m2">
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;margin: 0px;padding: 0px;">
                                    <h5 style="padding: 0px;margin: 0px;"><strong>CONTACTO 1</strong></h5>
                                </div>
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="apePatT">Ape. Paterno:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="apePatT" name="apePatT" placeholder="Apellido paterno" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-2" for="apeMatT">Ape. Materno:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="apeMatT" name="apeMatT" placeholder="Apellido materno" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="nomTut">Nombre(s):</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" id="nomTut" name="nomTut" placeholder="Nombre o nombres" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="parentesco">Parentesco:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="parentesco" name="parentesco" placeholder="Parentesco" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-2" for="ocupacion">Lugar de Trabajo:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="ocupacion" name="ocupacion" placeholder="Lugar de Trabajo" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="telCelT">Tel. Celular:</label>
                                        <div class="col-sm-4">
                                            <input type="tel" class="form-control" id="telCelT" name="telCelT" placeholder="Teléfono Celular">
                                        </div>
                                        <label class="control-label col-sm-2" for="telTraT">Tel. Trabajo:</label>
                                        <div class="col-sm-4">
                                            <input type="tel" class="form-control" id="telTraT" name="telTraT" placeholder="Teléfono del Trabajo">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="control-label col-sm-4" for="vivAlu">Vive con el alumno:</label>
                                        <div class="col-sm-2">
                                            <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="1">Si</label>
                                            <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="0">No</label>
                                        </div>
                                        <label class="control-label col-sm-2" for="correoT">Email:</label>
                                        <div class="col-sm-4">
                                            <input type="email" class="form-control" id="correoT" name="correoT" placeholder="Ingresa email">
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;margin: 0px;padding: 0px;">
                                    <h5 style="padding: 0px;margin: 0px;"><strong>CONTACTO 2</strong></h5>
                                </div>
                                <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="apePatT2">Ape. Paterno:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="apePatT2" name="apePatT2" placeholder="Apellido paterno" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-2" for="apeMatT2">Ape. Materno:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="apeMatT2" name="apeMatT2" placeholder="Apellido materno" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="nomTut2">Nombre(s):</label>
                                        <div class="col-sm-6">
                                            <input type="text" class="form-control" id="nomTut2" name="nomTut2" placeholder="Nombre o nombres" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="parentesco2">Parentesco:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="parentesco2" name="parentesco2" placeholder="Parentesco" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                        <label class="control-label col-sm-2" for="ocupacion2">Lugar de Trabajo:</label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" id="ocupacion2" name="ocupacion2" placeholder="Lugar de Trabajo" onKeyUp="this.value = this.value.toUpperCase();">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-2" for="telCelT2">Tel. Celular:</label>
                                        <div class="col-sm-4">
                                            <input type="tel" class="form-control" id="telCelT2" name="telCelT2" placeholder="Teléfono Celular">
                                        </div>
                                        <label class="control-label col-sm-2" for="telTraT2">Tel. Trabajo:</label>
                                        <div class="col-sm-4">
                                            <input type="tel" class="form-control" id="telTraT2" name="telTraT2" placeholder="Teléfono del Trabajo">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-sm-4" for="vivAlu2">Vive con el alumno:</label>
                                        <div class="col-sm-2">
                                            <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu2" value="1">Si</label>
                                            <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu2" value="0">No</label>
                                        </div>
                                        <label class="control-label col-sm-2" for="correoT2">Email:</label>
                                        <div class="col-sm-4">
                                            <input type="email" class="form-control" id="correoT" name="correoT" placeholder="Ingresa email">
                                        </div>
                                    </div>
                                </div> <!-- FIN PANEL BODY 2 -->
                            </div> <!-- FIN M2 -->
                        </div>
                    </div>
                </div><!-- card #4 -->
            </div>

            <div class="panel-body">
                <div class="form-group">
                    <div class="col-sm-12 text-right">
                        <button type="submit" class="btn btn-primary" id="btnGuardarRegistro"><strong>Registrar</strong></button>
                    </div>
                </div>
            </div>
        </form>

    </div>

    <!-- Modal -->
    <div id="myModal" 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">REGISTRAR NUEVO PLANTEL DE PROCEDENCIA</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">
                                <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                    <label>NOMBRE DEL PLANTEL:</label>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <input name="procedencia" id="procedencia" type="text" class="form-control">
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnGuardarProcedencia">GUARDAR</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCancelar">CANCELAR</button>
                </div>
            </div>

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

{% endblock %}