<div class="row">
    <div class="panel-body">
        <div class="panel panel-default col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
            <div class="panel panel-default col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 img-responsive" id="fotoMini">
                        <!--<h4>Alumno</h4>-->
                        <img src="{{asset(fotoAlumno)}}" class="img-responsive" style="border-radius: 10px;"/>
                    </div>
                </div>
            </div>

            <div class="panel panel-default col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <h4>CLAVE DEL ALUMNO: {{a.cveCtl}}</h4>
                <h4 class="hidden">MATRICULA: {{a.cveAnterior}}</h4>
                <h4>FECHA DE REGISTRO: {{a.fecMov | date('d-m-Y') }}</h4>
                {% if a.tipoAlumno == 1 %}
                    <h4>BACHILLERATO: <strong>{{a.cveLic.nomLic }}</strong></h4>
                {% elseif a.tipoAlumno == 2 %}
                    <h4>BACHILLERATO: <strong>{{a.cveLic.nomLic }}</strong></h4>
                {% elseif a.tipoAlumno == 3 %}
                    <h4>LICENCIATURA: <strong>{{a.cveLic.nomLic }}</strong></h4>
                {% elseif a.tipoAlumno == 4 %}
                    <h4>MAESTRIA: <strong>{{a.cveLic.nomLic }}</strong></h4>
                {% endif %}
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                    <a class="btn btn-sm btn-success" href="{{path('ficha_bachillerato',{ideAlu:a.ideAlu})}}" target="_blank">IMPRIMIR FICHA DE INSCRIPCION</a>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-right" style="margin-bottom: 5px;">
                    <a class="btn btn-sm btn-success" href="{{path('credencial_alumno',{ideAlu:a.ideAlu})}}" target="_blank">IMPRIMIR CREDENCIAL</a>
                </div>
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left: 0px;padding-right: 0px;">

            <input type="hidden" id="ideAlu" name="ideAlu" value="{{a.ideAlu}}">
            <ul class="nav nav-tabs nav-justified">
                <li class="active"><a data-toggle="tab" href="#m1"><strong style="color: black;">DATOS PERSONALES</strong></a></li>
                <li><a data-toggle="tab" href="#m2"><strong style="color: black;">DATOS DE CONTACTO</strong></a></li>
                <li><a data-toggle="tab" href="#m3"><strong style="color: black;">DATOS ACADÉMICOS</strong></a></li>
                <li><a data-toggle="tab" href="#m4"><strong style="color: black;">REQUISITOS</strong></a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane fade in active" id="m1">
                    <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="apePat">Ape. Paterno:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="apePat" name="apePat" placeholder="Apellido paterno" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.apePat}}">
                            </div>
                            <label class="control-label col-sm-2" for="apeMat">Ape. Materno:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="apeMat" name="apeMat" placeholder="Apellido materno" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.apeMat}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="nomAlu">Nombre(s):</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="nomAlu" name="nomAlu" placeholder="Nombre o nombres" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.nomAlu}}">
                            </div>
                            <label class="control-label col-sm-2" for="curp">CURP:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="curp" name="curp" onKeyUp="this.value = this.value.toUpperCase();" onblur="curp2date(this.value);" value="{{a.curp}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="sexAlu">Sexo:</label>
                            <div class="col-sm-3">
                                {% if a.sexo == 1 %}
                                    <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="1" checked="true">Mujer</label>
                                    <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="0">Hombre</label>
                                    {% elseif a.sexo == 0 %}
                                    <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="1">Mujer</label>
                                    <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="0" checked="true">Hombre</label>
                                    {% else %}
                                    <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="1">Mujer</label>
                                    <label class="radio-inline"><input type="radio" id="sexAlu" name="sexAlu" value="0">Hombre</label>
                                    {% endif %}
                            </div>
                            <label class="control-label col-sm-2" for="fecNac">Fec. Nacimiento:</label>
                            <div class="col-sm-2">
                                <input type="date" class="form-control" id="fecNac" name="fecNac" value="{{a.fecNac | date('Y-m-d')}}">
                            </div>
                            <label class="control-label col-sm-1" for="edad">Edad:</label>
                            <div class="col-sm-2">
                                <input type="number" class="form-control" id="edad" name="edad" value="{{a.edad}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="calle">Calle:</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="calle" name="calle" placeholder="Calle y entre calles" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.calle}}">
                            </div>
                            <label class="control-label col-sm-1" for="numExt">Ext:</label>
                            <div class="col-sm-1">
                                <input type="text" class="form-control" id="numExt" name="numExt" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.numExt}}">
                            </div>
                            <label class="control-label col-sm-1" for="numInt">Int:</label>
                            <div class="col-sm-1">
                                <input type="text" class="form-control" id="numInt" name="numInt" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.numInt}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="colonia">Colonia:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="colonia" name="colonia" placeholder="Colonia" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.colLoc}}">
                            </div>
                            <label class="control-label col-sm-1" for="codPos">CP:</label>
                            <div class="col-sm-2">
                                <input type="text" class="form-control" id="codPos" name="codPos" placeholder="CP" value="{{a.cp}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="edoAlu">Estado:</label>
                            <div class="col-sm-2">
                                <input type="text" class="form-control" id="edoAlu" name="edoAlu" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.edo}}">
                            </div>
                            <label class="control-label col-sm-2" for="munAlu">Municipio:</label>
                            <div class="col-sm-2">
                                <input type="text" class="form-control" id="munAlu" name="munAlu" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.munDel}}">
                            </div>
                            <label class="control-label col-sm-2" for="nacionalidad">Nacionalidad:</label>
                            <div class="col-sm-2">
                                <input type="text" class="form-control" id="nacionalidad" name="nacionalidad" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.nacionalidad}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="telefono">Teléfono Fijo:</label>
                            <div class="col-sm-4">
                                <input type="tel" class="form-control" id="telCas" name="telefono" placeholder="telefono" value="{{a.telefono}}">
                            </div>
                            <label class="control-label col-sm-2" for="telefono">Teléfono Celular:</label>
                            <div class="col-sm-4">
                                <input type="tel" class="form-control" id="telefonoCelular" name="telefonoCelular" placeholder="telefono celular" value="{{a.telefonoCelular}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="email">Email:</label>
                            <div class="col-sm-4">
                                <input type="email" class="form-control" id="email" name="email" placeholder="Ingresa email" value="{{a.correo}}">
                            </div>
                            <label class="control-label col-sm-2" for="facebook">Facebook:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="facebook" name="facebook" placeholder="facebook" value="{{a.facebook}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="dependencia">Dependencia o Empresa:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="dependendia" name="dependencia" placeholder="" value="{{a.dependenciaEmpresa}}">
                            </div>
                            <label class="control-label col-sm-2" for="depto">Depto.:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="depto" name="depto" placeholder="" value="{{a.depto}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="observaciones">Observaciones:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="observaciones" name="observaciones" placeholder="" value="{{a.observaciones}}">
                            </div>
                            <label class="control-label col-sm-2" for="coordinador">Coordinador:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="coordinador" name="coordinador" placeholder="" value="{{a.coordinador}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-3" for="comoEntero">Cómo se enteró:</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" id="comoEntero" name="comoEntero" placeholder="" value="{{a.comoEntero}}">
                            </div>
                        </div>
                    </div>
                </div> <!-- FIN M1 -->
                <div class="tab-pane fade in" id="m2">
                    <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="apePatT">Ape. Paterno:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="apePatT" name="apePatT" placeholder="Apellido paterno" value="{{a.patTut}}" onKeyUp="this.value = this.value.toUpperCase();">
                            </div>
                            <label class="control-label col-sm-2" for="apeMatT">Ape. Materno:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="apeMatT" name="apeMatT" placeholder="Apellido materno" value="{{a.matTut}}" onKeyUp="this.value = this.value.toUpperCase();">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="nomTut">Nombre(s):</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="nomTut" name="nomTut" placeholder="Nombre o nombres" value="{{a.nomTut}}" onKeyUp="this.value = this.value.toUpperCase();">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="parentesco">Parentesco:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="parentesco" name="parentesco" placeholder="Parentesco" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.parentesco}}">
                            </div>
                            <label class="control-label col-sm-2" for="ocupacion">Lugar de trabajo:</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" id="ocupacion" name="ocupacion" placeholder="Lugar de trabajo" onKeyUp="this.value = this.value.toUpperCase();" value="{{a.ocupacion}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="telCelT">Tel. Celular:</label>
                            <div class="col-sm-4">
                                <input type="tel" class="form-control" id="telCelT" name="telCelT" placeholder="Teléfono Celular" value="{{a.telCelTut}}">
                            </div>
                            <label class="control-label col-sm-2" for="telTraT">Tel. Trabajo:</label>
                            <div class="col-sm-4">
                                <input type="tel" class="form-control" id="telTraT" name="telTraT" placeholder="Teléfono del Trabajo" value="{{a.telTraTut}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-sm-4" for="vivAlu">Vive con el alumno:</label>
                            <div class="col-sm-2">
                                {% if a.viveAlu == 1 %}
                                    <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="1" checked="true">Si</label>
                                    <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="0">No</label>
                                    {% else %}
                                    <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="1">Si</label>
                                    <label class="radio-inline"><input type="radio" id="vivAlu" name="vivAlu" value="0" checked="true">No</label>
                                    {% endif %}
                            </div>
                            <label class="control-label col-sm-2" for="correoT">Email:</label>
                            <div class="col-sm-4">
                                <input type="email" class="form-control" id="correoT" name="correoT" placeholder="Ingresa email" value="{{a.emailTut}}">
                            </div>
                        </div>
                    </div>
                </div> <!-- FIN M2 -->
                <div class="tab-pane fade in" id="m3">
                    <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="tipoAlumno">Tipo Registro:</label>
                            <div class="col-sm-5">
                                <select id="tipoAlumno" name="tipoAlumno" class="form-control">
                                    {% if a.tipoAlumno == 1 %}
                                        <option value="default">Selecciona</option>
                                        <option value="1" selected="true">BACHILLERATO GENERAL</option>
                                        <option value="2">BACHILLERATO TECNOLÓGICO</option>
                                        <option value="3">LICENCIATURA</option>
                                        <option value="4">MAESTRÍA</option>
                                    {% elseif a.tipoAlumno == 2 %}
                                        <option value="default">Selecciona</option>
                                        <option value="1">BACHILLERATO GENERAL</option>
                                        <option value="2" selected="true">BACHILLERATO TECNOLÓGICO</option>
                                        <option value="3">LICENCIATURA</option>
                                        <option value="4">MAESTRÍA</option>
                                    {% elseif a.tipoAlumno == 3 %}
                                        <option value="default">Selecciona</option>
                                        <option value="1">BACHILLERATO GENERAL</option>
                                        <option value="2">BACHILLERATO TECNOLÓGICO</option>
                                        <option value="3" selected="true">LICENCIATURA</option>
                                        <option value="4">MAESTRÍA</option>
                                    {% elseif a.tipoAlumno == 4 %}
                                        <option value="default">Selecciona</option>
                                        <option value="1">BACHILLERATO GENERAL</option>
                                        <option value="2">BACHILLERATO TECNOLÓGICO</option>
                                        <option value="3">LICENCIATURA</option>
                                        <option value="4" selected="true">MAESTRÍA</option>
                                    {% else %}
                                        <option value="default">Selecciona</option>
                                        <option value="1">BACHILLERATO GENERAL</option>
                                        <option value="2">BACHILLERATO TECNOLÓGICO</option>
                                        <option value="3">LICENCIATURA</option>
                                        <option value="4">MAESTRÍA</option>
                                    {% endif %}
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="tipoAlumno">MATRICULA:</label>
                            <div class="col-sm-2">
                                <input type="text" id="cveAnterior" name="cveAnterior" class="form-control" value="{{a.cveAnterior}}">
                            </div>
                            <label class="control-label col-sm-4" for="cveNumApli">NÚMERO DE APLICACIÓN:</label>
                            <div class="col-sm-4">
                                <select id="cveNumApli" name="cveNumApli" class="form-control">
                                    <option value="default">Selecciona</option>
                                    {% if aplicaciones is defined and aplicaciones != null %}
                                        {% for ap in aplicaciones %}
                                            {% if ap.ideApExaUni == a.cveNumApli.ideApExaUni %}
                                                <option value='{{ap.ideApExaUni}}' selected="true">{{ap.numeroAplicacion}}</option>
                                            {% else %}
                                                <option value='{{ap.ideApExaUni}}'>{{ap.numeroAplicacion}}</option>
                                            {% endif %}
                                        {% endfor %}
                                    {% endif %}
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="fecIng">Inicio de Ciclo::</label>
                            <div class="col-sm-2">
                                <input type="date" class="form-control" id="fecIng" name="fecIng" value="{{a.fecIns | date('Y-m-d')}}">
                            </div>
                            <label class="control-label col-sm-2" for="fecEgr">Fec. Egreso:</label>
                            <div class="col-sm-2">
                                <input type="date" class="form-control" id="fecEgr" name="fecEgr" value="{{a.fecTer | date('Y-m-d')}}">
                            </div>
                            <label class="control-label col-sm-1" for="staAlu">Estatus:</label>
                            <div class="col-sm-3">
                                <select id="staAlu" name="staAlu" class="form-control">
                                    <option value="default">Selecciona</option>
                                    {% if estatus is defined %}
                                        {% for e in estatus %}
                                            {% if e.tipEst == 4 %}
                                                {% if a.estatus.ideEst == e.ideEst %}
                                                    <option value="{{e.ideEst}}" selected="true">{{e.desEst}}</option>
                                                {% else %}
                                                    <option value="{{e.ideEst}}">{{e.desEst}}</option>
                                                {% endif %}
                                            {% endif %}
                                        {% endfor %}
                                    {% endif %}
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="tablaPagos">Tabla de Pagos:</label>
                            <div class="col-sm-2">
                                <select id="tablaPagos" name="tablaPagos" class="form-control" disabled="true">
                                    <option value="default">Selecciona</option>
                                    {% if tablaPagos is defined %}
                                        {% for t in tablaPagos %}
                                            {% if t.ideBecBac == a.tablaPagos.ideBecBac %}
                                                <option value="{{t.ideBecBac}}" selected="true">{{t.nombre}}</option>
                                            {% else %}
                                                <option value="{{t.ideBecBac}}">{{t.nombre}}</option>
                                            {% endif %}
                                        {% endfor %}
                                    {% endif %}
                                </select>
                            </div>
                            <label class="control-label col-sm-1" for="cveEsc">Plantel:</label>
                            <div class="col-sm-4">
                                <select class="form-control" id="cveEsc" name="cveEsc">
                                    <option value="default">Selecciona</option>
                                    {% if planteles is defined %}
                                        {% for p in planteles %}
                                            {% if a.cvePla.idePla == p.idePla %}
                                                <option value="{{p.idePla}}" selected="true">{{p.nomPla}}</option>
                                            {% else %}
                                                <option value="{{p.idePla}}">{{p.nomPla}}</option>
                                            {% endif %}
                                        {% endfor %}
                                    {% endif %}
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            {% if a.tipoAlumno == 1 %}
                                <label class="control-label col-sm-2" for="cveCar">Bachillerato:</label>
                            {% elseif a.tipoAlumno == 2 %}
                                <label class="control-label col-sm-2" for="cveCar">Bachillerato:</label>
                            {% elseif a.tipoAlumno == 3 %}
                                <label class="control-label col-sm-2" for="cveCar">Licenciatura:</label>
                            {% elseif a.tipoAlumno == 4 %}
                                <label class="control-label col-sm-2" for="cveCar">Maestria:</label>
                            {% endif %}
                            <div id="gifL" hidden="true" class="img-responsive" >
                                <img src="{{asset('images/load2.gif')}}" />
                            </div>
                            <div class="col-sm-4" id="contLicenciaturas">
                                <select class="form-control" id="cveCar" name="cveCar">
                                    <option value="default">Selecciona</option>
                                    {% if licenciaturas is defined %}
                                        {% for l in licenciaturas %}
                                            {% if a.cveLic.ideLic == l.ideLic %}
                                                <option value="{{l.ideLic}}" selected="true">{{l.nomLic}}</option>
                                            {% else %}
                                                <!--<option value="{l.ideLic}}">{l.nomLic}}</option>-->
                                            {% endif %}
                                        {% endfor %}
                                    {% endif %}
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2" for="costoInscripcion">Costo de Inscripción:</label>
                            <div class="col-sm-4" id="contInscripcion">
                                <input type="number" step="any" id="costoInscripcion" name="costoInscripcion" class="form-control" value="{{a.costoInscripcion}}">
                            </div>
                            <label class="control-label col-sm-2" for="cveCol">Costo de Exámen:</label>
                            <div class="col-sm-4" id="contColegiatura">
                                <input type="number" step="any" id="colegiatura" name="colegiatura" class="form-control" value="{{a.costoMensualidad}}">
                            </div>
                        </div>
                    </div>
                </div> <!-- FIN M3 -->
                <div class="tab-pane fade in" id="m4">
                    <div class="panel-body" style="border: 1px solid #ddd;border-top: none;">
                        <div class="col-sm-6">
                            <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                <h3 style="padding: 0px;margin: 0px;"><strong>ORIGINALES</strong></h3>
                            </div>
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <strong>1.- Certificado de Secundaria</strong>
                                    <div class="material-switch pull-right">
                                        {% if a.cerSec == "on" %}
                                            <input type="checkbox" id="cerSec" name="cerSec" checked="true">
                                        {% else %}
                                            <input type="checkbox" id="cerSec" name="cerSec">
                                        {% endif %}
                                        <label for="cerSec" class="label-success"></label>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <strong>2.- Acta de Nacimiento Certificada</strong>
                                    <div class="material-switch pull-right">
                                        {% if a.actNac == "on" %}
                                            <input type="checkbox" id="actNac" name="actNac" checked="true">
                                        {% else %}
                                            <input type="checkbox" id="actNac" name="actNac">
                                        {% endif %}
                                        <label for="actNac" class="label-success"></label>
                                    </div>
                                </li>

                                <li class="list-group-item" style="height: 42px;">
                                </li>
                                <li class="list-group-item" style="height: 42px;">
                                </li>
                                <li class="list-group-item">
                                    <strong>5.- Comprobante domiciliario</strong>
                                    <div class="material-switch pull-right">
                                        {% if a.cerPre == "on" %}
                                            <input type="checkbox" id="cerPre" name="cerPre" checked="true">
                                        {% else %}
                                            <input type="checkbox" id="cerPre" name="cerPre">
                                        {% endif %}
                                        <label for="cerPre" class="label-success"></label>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <strong>6.- Paquete de fotos</strong>
                                    <div class="material-switch pull-right">
                                        {% if a.fotInf == "on" %}
                                            <input type="checkbox" id="fotInf" name="fotInf" checked="true">
                                        {% else %}
                                            <input type="checkbox" id="fotInf" name="fotInf">
                                        {% endif %}
                                        <label for="fotInf" class="label-success"></label>
                                    </div>
                                </li>
                            </ul>
                        </div><!-- col-sm-6 -->
                        <div class="col-sm-6">
                            <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                <h3 style="padding: 0px;margin: 0px;"><strong>COPIAS</strong></h3>
                            </div>
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <strong>1.- Certificado de Secundaria</strong>
                                    <div class="material-switch pull-right">
                                        {% if a.cerSecCopia == "on" %}
                                            <input type="checkbox" id="cerSec2" name="cerSec2" checked="true">
                                        {% else %}
                                            <input type="checkbox" id="cerSec2" name="cerSec2">
                                        {% endif %}
                                        <label for="cerSec2" class="label-success"></label>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <strong>2.- Acta de Nacimiento Certificada</strong>
                                    <div class="material-switch pull-right">
                                        {% if a.actNacCopia == "on" %}
                                            <input type="checkbox" id="actNac2" name="actNac2" checked="true">
                                        {% else %}
                                            <input type="checkbox" id="actNac2" name="actNac2">
                                        {% endif %}
                                        <label for="actNac2" class="label-success"></label>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <strong>3.- CURP</strong>
                                    <div class="material-switch pull-right">
                                        {% if a.copCurpCopia == "on" %}
                                            <input type="checkbox" id="copCurp2" name="copCurp2" checked="true">
                                        {% else %}
                                            <input type="checkbox" id="copCurp2" name="copCurp2">
                                        {% endif %}
                                        <label for="copCurp2" class="label-success"></label>
                                    </div>
                                </li>
                                <li class="list-group-item">
                                    <strong>4.- IFE o INE</strong>
                                    <div class="material-switch pull-right">
                                        {% if a.cerMedCopia == "on" %}
                                            <input type="checkbox" id="cerMed2" name="cerMed2" checked="true">
                                        {% else %}
                                            <input type="checkbox" id="cerMed2" name="cerMed2">
                                        {% endif %}
                                        <label for="cerMed2" class="label-success"></label>
                                    </div>
                                </li>
                            </ul>
                        </div><!-- col-sm-6 -->
                        <div class="col-sm-12">
                            <div class="panel-body text-center" style="margin: 0px;padding: 0px;">
                                <h3 style="padding: 0px;margin: 0px;"><strong>Acotaciones</strong></h3>
                            </div>
                            <div class="col-sm-12 img-responsive">
                                <img src="{{asset('images/noEntregado.png')}}">
                                * Indica que el original y/o copia NO se entrego
                            </div>
                            <div class="col-sm-12 img-responsive">
                                <img src="{{asset('images/siEntregado.png')}}">
                                * Indica que el original y/o copia SI se entrego
                            </div>
                        </div><!-- col-sm-12 -->
                    </div>
                </div> <!-- FIN M4 -->
            </div> <!-- DIV CLAS TAB CONTENT-->

        </div>
        <div class="panel panel-default col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                <h5>PAGOS</h5>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center">
                <a id="btnHistorial" class="btn btn-sm btn-success" href="{{path('imprimir_historial_pagos',{ideAlu:a.ideAlu})}}" target="_blank">IMPRIMIR HISTORIAL</a>
                <input type="hidden" id="idAlu" name="idAlu" value="{{a.ideAlu}}">
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="conTablaAlumno">
            <table class="table table-bordered table-condensed table-hover table-striped" style="font-size: smaller;">
                <thead>
                    <tr>
                        <th>NP</th>
                        <th>CONCEPTO</th>
                        <th>MONTO</th>
                        <th>DEPOSITO</th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    {% if pagosConAbonos is defined%}
                        {% set suma = 0 %}
                        {%for p in pagosConAbonos %}
                            <tr>
                                <td>{{loop.index}}</td>
                                <td>{{p[0].descripcion}}</td>
                                <td>${{p[0].monto | number_format(2,'.',',') }}</td>
                                {% if p[0].monto == p[1] %}
                                    <td style="background-color: #5cb85c; color: white;" class="text-right">${{p[1] | number_format(2,".",",")}}</td>
                                {% else %}
                                    {% if p[1] > 0 %}
                                        <td style="background-color: yellow;">${{p[1] | number_format(2,".",",")}}</td>
                                    {% else %}
                                        <td>${{p[1] | number_format(2,".",",")}}</td>
                                    {% endif %}
                                {% endif %}
                                <td>
                                    {% if p[0].monto == p[1] %}
                                        <a id="btnGenerarComprobante" class="btn btn-xs btn-success" href="{{path('comprobantes_bachillerato',{ideAlu:a.ideAlu,idePag : p[0].idePag})}}" target="_blank">GENERAR COMPROBANTE</a>
                                        <a id="btnAgregarPago" class="btn btn-xs btn-primary" data-toggle="modal" data-target="#myModal3" onclick="btnVerPago({{p[0].idePag}})">VER PAGOS</a>
                                    {% else %}
                                        <a id="btnAgregarPago" class="btn btn-xs btn-info" data-toggle="modal" data-target="#myModal2" onclick="btnAgregarPago({{p[0].idePag}})">AGREGAR PAGO</a>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if p[0].monto == p[1] %}
                                        PAGADO
                                    {% else %}
                                        NO PAGADO
                                    {% endif %}
                                </td>
                            </tr>
                            {% set suma = suma + p[0].monto %}
                        {% endfor %}
                        <tr>
                            <td colspan="2">TOTAL</td>
                            <td>${{suma | number_format(2,".",",") }}</td>
                        </tr>
                    {% endif %}
                </tbody>
            </table>

        </div>
    </div>

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

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

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

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

    <!-- Modal 3 -->
    <div id="myModal3" 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">PAGOS REALIZADOS</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div id="gif5" hidden="true" class="img-responsive" >
                                <img src="{{asset('images/load2.gif')}}" />
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="contTablaMod4">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">CERRAR</button>
                </div>
            </div>

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

</div>
