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

{% block stylesheet %}
{% endblock %}

{% block javascripts %}
    <!-- jQuery -->
    <script src="{{asset('js/jquery-ui.js')}}"></script>

    <script src="{{asset('js/misJs/pago.js')}}"></script>
    <script src="{{asset('js/misJs/conveniosPagos.js')}}"></script>
    <script src="{{asset('js/misJs/agregarEvento.js')}}"></script>
    <script src="{{asset('js/misJs/pagosTitulacion.js')}}"></script>
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-lg-12" style="padding-left: 0px;padding-right: 0px;">

            {% set color = "lightblue" %}
            {% if alumno.estatus.ideEst == 10 %}
                {#  BAJA TEMPORAL #}            
                {% set color = "orange" %}
            {% elseif alumno.estatus.ideEst == 6 %}
                {#  BAJA DEFINITIVA #}
                {% set color = "red" %}
            {% else %}
                {% set color = "lightblue" %}
            {% endif %}
            <div class="form-horizontal col-lg-12 col-md-12 col-sm-12 col-xs-12 panel panel-info" style="padding-top: 5px;background-color: {{color}};margin-bottom: 0px;border:  solid 1px #000;border-bottom: none;">
                <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12" style="border-right: solid 1px #000;">
                    <div class="col-lg-12 col-md-12 col-sm-14 col-xs-12">
                        {% if alumno is defined %}
                            {% if alumno.credencial == 1 %}
                                <img class="img-responsive" style="border-radius: 5px;border: solid 1px blue;" src="{{asset('fotos/'~alumno.cveCtl~".jpg")}}">
                                <!--<img class="img-responsive" style="border-radius: 5px;" src="{asset('images/usuario.png')}}">-->
                            {% else %}
                                <img class="img-responsive" style="border-radius: 5px;border: solid 1px red;" src="{{asset('fotos/'~alumno.cveCtl~".jpg")}}">
                                <!--<img class="img-responsive" style="border-radius: 5px;" src="{asset('images/usuario.png')}}">-->
                            {% endif %}
                        {% endif %}
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-14 col-xs-12">
                        {% if alumno is defined %}
                            {% if alumno.sexo == 0 %}
                                <input type="text" class="form-control text-center" id="numCtl" name="numCtl" value="{{alumno.cveCtl}}" readonly="true" style="background-color: lightgreen;font-weight: bolder;">
                            {% else %}
                                <input type="text" class="form-control text-center" id="numCtl" name="numCtl" value="{{alumno.cveCtl}}" readonly="true" style="background-color: lightpink;font-weight: bolder;">
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
                <div class="form-horizontal col-lg-10 col-md-10 col-sm-8 col-xs-12">
                    {% if alumno is defined %}
                        <div class="form-group">
                            <label class="control-label col-sm-2 col-xs-12">Nombre:</label>
                            <div class="col-sm-6 col-xs-12">
                                <input type="text" class="form-control" id="nombre" name="nombre" value="{{alumno.apePat}} {{alumno.apeMat}} {{alumno.nomAlu}}" readonly="true">
                                <input type="hidden" class="form-control" id="idAlu" name="idAlu" value="{{alumno.ideAlu}}" readonly="true">
                                <input type="hidden" class="form-control" id="idApo" name="idApo" value="{{alumno.cveBeca.monto}}" readonly="true">
                            </div>
                            {% if alumno.modalidad == "SEMESTRAL" %}
                                <label class="control-label col-sm-2 col-xs-6">Semestre</label>
                            {% else %}
                                <label class="control-label col-sm-2 col-xs-6">Cuatrimestre</label>
                            {% endif %}
                            <div class="col-sm-2 col-xs-6">
                                <input type="text" class="form-control" id="numero" name="numero" value="{{alumno.numero}}" readonly="true">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2 col-xs-6">Fec. Inscripción:</label>
                            <div class="col-sm-3 col-xs-6">
                                <input type="date" class="form-control" id="fecMov" name="fecMov" value="{{alumno.fecMov | date('Y-m-d') }}" readonly="true">
                            </div>
                            {% if alumno.tipoAlumno <= 2 %}
                                <label class="control-label col-sm-2 col-xs-6">Bachillerato:</label>
                            {% elseif alumno.tipoAlumno == 3 %}
                                <label class="control-label col-sm-2 col-xs-6">Licenciatura:</label>
                            {% elseif alumno.tipoAlumno == 4 %}
                                <label class="control-label col-sm-2 col-xs-6">Maestría:</label>
                            {% elseif alumno.tipoAlumno == 5 %}
                                <label class="control-label col-sm-2 col-xs-6">Doctorado:</label>
                            {% endif %}
                            <div class="col-sm-5 col-xs-6">
                                <input type="text" class="form-control" id="nomCar" name="nomCar" value="{{alumno.cveLic.nomLic}}" readonly="true">
                                <input type="hidden" class="form-control" id="cveCar" name="cveCar" value="{{alumno.cveLic.ideLic}}" readonly="true">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-2 col-xs-6">Inscripción</label>
                            <div class="col-sm-2 col-xs-6">
                                <input type="text" class="form-control" id="colegiatura" name="colegiatura" value="$ {{alumno.costoInscripcion | number_format(2,".",",") }}" readonly="true">
                            </div>
                            <label class="control-label col-sm-2 col-xs-6">Reinscripción</label>
                            <div class="col-sm-2 col-xs-6">
                                <input type="text" class="form-control" id="colegiatura" name="colegiatura" value="$ {{alumno.costoReinscripciones | number_format(2,".",",") }}" readonly="true">
                            </div>
                            <label class="control-label col-sm-2 col-xs-6">Colegiatura</label>
                            <div class="col-sm-2 col-xs-6">
                                <input type="text" class="form-control" id="colegiatura" name="colegiatura" value="$ {{alumno.costoMensualidad | number_format(2,".",",") }}" readonly="true" style="background-color: yellow;">
                            </div>
                        </div>
                        <div class="form-group" style="margin-bottom: 0px;">
                            <label class="control-label col-sm-2 col-xs-6">CORTE A</label>
                            <div class="col-sm-4 col-xs-6">
                                {% if alumno.corteA == -1 %}
                                    <input type="text" class="form-control" id="fechaA" name="fechaA" value="PAGA EL ÚLTIMO DÍA DE CADA MES" readonly="true">
                                {% elseif alumno.corteA == -2 %}
                                    <input type="text" class="form-control" id="fechaA" name="fechaA" value="NO PAGA RECARGOS" readonly="true">
                                {% else %}
                                    <input type="text" class="form-control" id="fechaA" name="fechaA" value="{{alumno.corteA-1 }}" readonly="true">
                                {% endif %}

                            </div>
                            <label class="control-label col-sm-3 col-xs-6 hidden">CORTE B</label>
                            <div class="col-sm-3 col-xs-6 hidden">
                                <input type="text" class="form-control hidden" id="fechaA" name="fechaA" value="{{alumno.corteB-1 }}" readonly="true">
                            </div>
                            <label class="control-label col-sm-2 col-xs-6">TELÉFONOS</label>
                            <div class="col-sm-4 col-xs-6">
                                <input type="text" class="form-control" id="telefonos" name="telefonos" value="{{alumno.telefono}} :: {{alumno.telefonoCelular}}" readonly="true">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-6 col-xs-12">
                                <a href="{{path('consulta_alumno_dos', {ideAlu: alumno.ideAlu} )}}" class="btn btn-sm btn-info" target="_self">Detalles</a>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
            <div class="col-lg-12 col-xs-12" style="padding-left: 0px;padding-right: 0px;border: solid 1px #000;">
                {% if alumno.tipoAlumno == 1 %}
                {% else %}
                    <div class="col-lg-2 col-xs-12 text-center" style="margin-top: 10px;border-left: solid 1px #000;padding-left: 0px;padding-right: 0px;">
                        <label>TITULACIÓN</label>
                        {#<a id="btnEventos" class="btn btn-sm btn-primary pull-right" data-toggle="modal" data-target="#myModalEventos"> AGREGAR PAGO</a>#}
                        {% if titulacion != NULL %}
                            <div class="col-lg-12 text-right">
                                <label class="alert alert-info col-lg-12" style="padding: 5px;margin-bottom: 5px;">
                                    <i class="fa fa-bookmark fa-fw"></i>  ${{titulacion.costoTramite | number_format(2,".",",")}}
                                </label>
                                <label class="alert alert-warning col-lg-12" style="padding: 5px;margin-bottom: 5px;">
                                    <i class="fa fa-money fa-fw"></i>  ${{pagoTitulacion.abonado | number_format(2,".",",") }}
                                </label>
                                <label class="alert alert-danger col-lg-12" style="padding: 5px;margin-bottom: 5px;">
                                    <i class="fa fa-exclamation-triangle fa-fw"></i>  ${{pagoTitulacion.debe | number_format(2,".",",") }}
                                </label>
                                <a id="btnTitulacion" class="btn btn-sm btn-primary pull-right" data-toggle="modal" data-target="#myModalTitulacion" data-backdrop="static" data-keyboard="false"> AGREGAR PAGO</a>
                            </div>
                        {% else %}
                            <a id="btnTitulacion" class="btn btn-sm btn-primary pull-right" data-toggle="modal" data-target="#myModalTitulacion" data-backdrop="static" data-keyboard="false"> INICIAR TRAMITE</a>

                        {% endif %}

                        {#<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="contEventos" style="height: 100px;">
                            <table class="table table-striped table-condensed">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>EVENTO</th>
                                        <th>COSTO</th>
                                        <th>ABONADO</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
    
                                    {% for e in eventosAlumnos %}
                                        <tr>
                                            <td>{{loop.index}}</td>
                                            <th>{{e.cveEve.nomEve}}</th>
                                            <td>{{e.cveEve.costo}}</td>
                                            <td>{{e.cveEve.deposito}}</td>
                                            <td>
                                                {% if e.estatus == 0 %}
                                                    <a id="evento{{e.ideEve}}" class="btn btn-xs btn-primary" href="">ABONAR</a>
                                                {% else %}
                                                    <a id="evento{{e.ideEve}}" class="btn btn-xs btn-success" href="" target="_blank">COMPROBANTE</a>
                                                {% endif %}
                                            </td>
                                        </tr>
                                    {% else %}
                                        <tr>
                                            <td colspan="5">NO TIENE EVENTOS REGISTRADOS</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>#}
                    </div><!-- FIN TITULACIÓN --> 
                {% endif %}



                <div class="col-lg-5 col-xs-12" style="margin-top: 10px;border-left: solid 1px #000;">
                    <label>OTROS</label>
                    <select id="otros" name="otros" class="form-control">
                        {% if otros is defined %}
                            {% for o in otros %}
                                <option value="{{o.ideCosTra}}">{{o.desTra}}</option>
                            {% endfor %}
                        {% endif %}
                    </select>
                    <a id="btnOtros" class="btn btn-sm btn-info pull-right" data-toggle="modal" data-target="#myModal3">GENERAR RECIBO</a>

                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="contOtros" style="height: 100px;font-size: smaller;">
                        <table class="table table-striped table-condensed">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>No. RECIBO</th>
                                    <th>CONCEPTO</th>
                                    <th>FECHA</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% if otrosPagos is defined and otrosPagos != null %}
                                    {% for o in otrosPagos %}
                                        <tr>
                                            <td>{{loop.index}}</td>
                                            <th>{{o.numeroRecibo}}</th>
                                            <td>{{o.cveTra.desTra}}</td>
                                            <td style="width: 85px;">{{o.fecMov | date('d-m-Y')}}</td>
                                            <td>
                                                {% if loop.index == 1 %}
                                                    <a id="otro{{o.ideAluTra}}" class="btn btn-xs btn-success btn-block" href="{{path('imprimir_otro',{ideOtro:o.ideAluTra})}}" target="_blank"><i class="fa fa-print fw fa-sm"></i></a>
                                                    {% else %}
                                                    <a id="otro{{o.ideAluTra}}" class="btn btn-xs btn-default btn-block" href="{{path('imprimir_otro',{ideOtro:o.ideAluTra})}}" target="_blank"><i class="fa fa-print fw fa-sm"></i></a>
                                                    {% endif %}
                                            </td>
                                        </tr>
                                    {% endfor %}
                                {% endif %}
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-lg-4 col-xs-12" style="margin-top: 10px;border-left: solid 1px #000;">
                    <label>CONVENIOS</label>
                    {% if convenios is defined and convenios | length  > 0 %}
                        {% for c in convenios %}
                            <a class="btn btn-info btn-xs" href="{{path('formato_convenio',{'ideCon':c.ideCon})}}" target="_blank">Convenio #{{c.numConvenio}}</a>
                        {% endfor %}
                    {% else %}
                        NO TIENE CONVENIOS REGISTRADOS EN SISTEMA
                    {% endif %}

                    {% if alumno.convenio == 0 %}
                        <a id="btnCrearConvenios" class="btn btn-sm btn-danger pull-right" data-toggle="modal" data-backdrop="static" data-keyboard="true" data-target="#myModalCrearConvenio">CREAR CONVENIO</a>
                    {% endif %}
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="contConvenio" style="height: 159px;">
                        {% if alumno.convenio == 0 %}
                            <label class="label label-success">NO TIENE CONVENIOS</label>
                        {% else %}
                            <table class="table table-condensed table-bordered table-striped table-hover table-responsive">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>MES</th>
                                        <th>MONTO</th>
                                        <th>ABONADO</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% set registros = 0 %}
                                    {% set totalConvenio = 0 %}
                                    {% for pc in pagosConvenio %}
                                        {% set registros = loop.length %}
                                    {% endfor %}
                                    {% for pc in pagosConvenio %}
                                        {% if loop.index == 1%}
                                            <tr style="background-color: orange;">
                                                <td>{{loop.index}}</td>
                                                <td>
                                                    {{pc.fecIni | date('d') }}-{{pc.nomMes}}-{{pc.fecIni | date('Y') }}
                                                </td>
                                                <td>${{pc.monto}}</td>
                                                <td>${{pc.deposito}}</td>
                                                <td>
                                                    {% if pc.monto == pc.deposito %}
                                                        <a class="btn btn-success btn-xs" data-toggle="modal" data-backdrop="static" data-keyboard="true" data-target="#myModalAbonarConvenioOK" onclick="cargarAbonosConvenioOK({{pc.idePagCon}})">Ver pagos</a>
                                                    {% else %}
                                                        <a class="btn btn-info btn-xs" data-toggle="modal" data-backdrop="static" data-keyboard="true" data-target="#myModalAbonarConvenio" onclick="cargarAbonosConvenio({{pc.idePagCon}}, 1)">Abonar</a>
                                                    {% endif %}
                                                </td>
                                            </tr>
                                        {% else %}
                                            <tr>
                                                <td>{{loop.index}}</td>
                                                <td>
                                                    {{pc.fecIni | date('d') }}-{{pc.nomMes}}-{{pc.fecIni | date('Y') }}
                                                </td>
                                                <td>${{pc.monto}}</td>
                                                <td>${{pc.deposito}}</td>
                                                <td>
                                                    {% if pc.monto == pc.deposito %}
                                                        <a class="btn btn-success btn-xs" data-toggle="modal" data-backdrop="static" data-keyboard="true" data-target="#myModalAbonarConvenioOK" onclick="cargarAbonosConvenioOK({{pc.idePagCon}})">Ver pagos</a>
                                                    {% else %}
                                                        <a class="btn btn-info btn-xs" data-toggle="modal" data-backdrop="static" data-keyboard="true" data-target="#myModalAbonarConvenio" onclick="cargarAbonosConvenio({{pc.idePagCon}})">Abonar</a>
                                                    {% endif %}
                                                </td>
                                            </tr>
                                        {% endif %}
                                        {% set totalConvenio = totalConvenio + pc.monto %}
                                    {% else %}
                                        <tr>
                                            <td colspan="5">ESTO ES RARO, DEBERÍA DE HABER UN LISTADO DE PAGOS EN EL CONVENIO</td>
                                        </tr>
                                    {% endfor %}
                                    {% if registros > 0 %}
                                        <tr style="background-color: #0CB7F2;">
                                            <td colspan="2">TOTAL A PAGAR</td>
                                            <td>$ {{totalConvenio | number_format(2,".",",") }}</td>
                                        </tr>
                                    {% endif %}
                                </tbody>
                            </table>
                        {% endif %}
                    </div>
                </div>
            </div>
            <div class="form-horizontal col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background-color: lightblue;padding-left: 0px;padding-right: 0px;border-radius: 50px;padding-top: 10px;">
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 text-center" style="margin-bottom: 10px;">
                    <a id="btnHistorial" class="btn btn-sm btn-success" href="{{path('imprimir_historial_pagos',{ideAlu:alumno.ideAlu})}}" target="_blank" style="width: 165px;"><i class="fa fa-sort-numeric-asc fw"></i> HISTORIAL</a>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 text-center" style="margin-bottom: 10px;border-left: solid 1px #000;border-right: solid 1px #000;">
                    <a id="btnCrearReinscripcion" class="btn btn-sm btn-danger " data-toggle="modal" data-target="#myModalR" style="width: 165px;"><i class="fa fa-retweet fw"></i> REINSCRIPCIÓN</a>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 text-center" style="margin-bottom: 10px;border-right: solid 1px #000;">
                    {% if alumno.reinscripcion == 0 %}
                        <a id="btnInscripcion" class="btn btn-sm btn-primary " data-toggle="modal" data-target="#myModal" style="width: 165px;"><i class="fa fa-money fw"></i> $ INSCRIPCIÓN</a>
                    {% else %}
                        <a id="btnInscripcion" class="btn btn-sm btn-primary " data-toggle="modal" data-target="#myModal" style="width: 165px;"><i class="fa fa-money fw"></i> $ REINSCRIPCION</a>
                    {% endif %}
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 text-center" style="margin-bottom: 10px;">
                    <a id="btnMensualidad" class="btn btn-sm btn-warning " data-toggle="modal" data-target="#myModal2" style="width: 165px;"><i class="fa fa-money fw"></i> $ MENSUALIDAD</a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 hidden text-center" style="margin-top: 10px;">
                    <a id="btnLineaPago" class="btn btn-sm btn-info disabled" href="{{path('imprimir_linea_pago',{ideAlu : alumno.ideAlu})}}" target="_blank" style="width: 165px;">LINEA DE PAGO</a>
                </div>
            </div>
            <div class="col-lg-12 col-xs-12" style="height: 300px; overflow-y: scroll;">
                <div id="gifTablaAlumno" hidden="true" class="img-responsive" >
                    <img src="{{asset('images/load2.gif')}}" />
                </div>
                <h4 class="text-center">HISTORIAL DE PAGOS</h4>
                <div class="table-responsive" id="conTablaAlumno">
                    <table class="table table-bordered table-condensed table-hover table-striped" style="font-size: smaller;">
                        <thead>
                            <tr>
                                <th>#</th>
                                    {% if alumno.modalidad == "SEMESTRAL" %}
                                    <th>SEM.</th>
                                    {% else %}
                                    <th>CUA.</th>
                                    {% endif %}
                                <th>CONCEPTO</th>
                                <th>MES</th>
                                <th>REFERENCIA</th>
                                <!--<th>FEC.INI</th>
                                <th>FEC.TER</th>-->
                                <th>FORMA DE PAGO</th>
                                <th>MONTO</th>
                                <th>REC.</th>
                                <th>*</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% if pagos is defined%}
                                {%for p in pagos %}
                                    <tr>
                                        <td>{{loop.index}}</td>
                                        <td>{{p.semestre}}</td>
                                        <td>
                                            {% if p.numero == 0 %}
                                                <strong>{{p.descripcion}}</strong>
                                            {% else %}
                                                {{p.descripcion}}
                                            {% endif %}
                                        </td>
                                        {% if p.numero == 0 %}
                                            {% if alumno.modalidad == "SEMESTRAL" %}
                                                <td><strong>SEMESTRE: #{{p.semestre}}</strong></td>
                                            {% else %}
                                                <td><strong>CUATRIMESTRE: #{{p.semestre}}</strong></td>
                                            {% endif %}
                                        {% else %}
                                            <td>{{p.nomMes}} {{p.fecIni | date('Y')}}</td>
                                        {% endif %}
                                        <td>{{p.referencia}}</td>
                                        <!--<td>{p.fecIni | date('d-m-Y')}}</td>
                                        <td>{p.fecTer | date('d-m-Y')}}</td>-->
                                        {% if p.tipPag == 1 %}
                                            <td>EFECTIVO</td>
                                        {% elseif p.tipPag == "" %}
                                            <td></td>
                                        {% elseif p.tipPag == 0 %}
                                            <td>BOUCHER</td>
                                        {% elseif p.tipPag == 2 %}
                                            <td>TRANSFERENCIA</td>
                                        {% elseif p.tipPag == 3 %}
                                            <td>TERMINAL</td>
                                        {% elseif p.tipPag == 99 %}
                                            <td>EXCEL</td>
                                        {% elseif p.tipPag == 69 %}
                                            <td>CONVENIO</td>
                                        {% elseif p.tipPag == 60 %}
                                            <td>PENDIENTE</td>
                                        {% endif %}
                                        {% if p.tipPag != "" %}
                                            <td>$ {{ (p.monto-p.recargos) | number_format(2,'.',',') }}</td>
                                        {% else %}
                                            <td>$ {{(p.monto-p.recargos) | number_format(2,'.',',') }}</td>
                                        {% endif %}
                                        <td>$ {{p.recargos | number_format(2,'.',',') }}</td>
                                        <td>
                                            {% if p.staPag == 2 %}
                                                {% if p.tipPag == 99 %}
                                                    <p style="background-color: lightblue;margin-bottom: 0px;">EXCEL</p>
                                                {% elseif p.tipPag == 69 %}
                                                    <p style="background-color: blueviolet;color: white;margin-bottom: 0px;">CONVENIO #{{p.numRecibo}}</p>
                                                {% elseif p.tipPag == 60 %}
                                                    <p style="background-color: yellow;margin-bottom: 0px;">PENDIENTE</p>
                                                {% else %}
                                                    {% if p.numero == 0 %}
                                                        <a id="btnImpMensualidad" class="btn btn-xs btn-success btn-block" href="{{path('imprimir_mensualidad',{ref:p.referencia,ban : 1,ideAlu : p.cveAlu.ideAlu,numRec : p.numRecibo,cveIng : p.cveIng})}}" target="_blank"><i class="fa fa-print fw fa-sm"></i><span style="font-size: xx-small;">{{p.numRecibo}}</span></a>
                                                            {% elseif p.numero == -1 %}
                                                        <a id="btnImpMensualidad" class="btn btn-xs btn-success btn-block" href="{{path('imprimir_mensualidad',{ref:p.referencia,ban : 2,ideAlu : p.cveAlu.ideAlu,numRec : p.numRecibo,cveIng : p.cveIng})}}" target="_blank"><i class="fa fa-print fw fa-sm"></i><span style="font-size: xx-small;">{{p.numRecibo}}</span></a>
                                                            {% else %}
                                                        <a id="btnImpMensualidad" class="btn btn-xs btn-success btn-block" href="{{path('imprimir_mensualidad',{ref:p.referencia,ban : 0,ideAlu : p.cveAlu.ideAlu,numRec : p.numRecibo,cveIng : p.cveIng})}}" target="_blank"><i class="fa fa-print fw fa-sm"></i><span style="font-size: xx-small;">{{p.numRecibo}}</span></a>
                                                            {% endif %}
                                                        {% endif %}
                                                    {% elseif p.staPag == 1 %}
                                    <sapan style="color: red;">NO PAGADO</sapan>
                                    {% endif %}
                                </td>
                                </tr>
                            {% endfor %}
                        {% endif %}
                        </tbody>
                    </table>
                </div>
            </div><!-- FIN HISTORIAL DE PAGOS -->


            <!-- INICIAN VENTANAS MODALES -->

            <!-- 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">
                                {% if alumno.reinscripcion == 0 %}
                                    INSCRIPCIÓN
                                {% else %}
                                    REINSCRIPCIÓN
                                {% endif %}
                            </h4>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div id="gifI" hidden="true" class="img-responsive">
                                        <img src="{{asset('images/load2.gif')}}" />
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="contTablaModI">
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="col-md-3 col-sm-3 col-xs-12 text-right">
                                                <label>MODO DE PAGO:</label>
                                            </div>
                                            <div class="col-md-3 col-sm-3 col-xs-12">
                                                <select name="modoPagoI" id="modoPagoI" class="form-control">
                                                    <option value="default">Selecciona</option>
                                                    <option value="0">BOUCHER</option>
                                                    <option value="1">EFECTIVO</option>
                                                    <option value="2">TRANSFERENCIA</option>
                                                    {% set tipoEmp = app.session.get('idEmpleado') %}
                                                    {% if tipoEmp == 'TMVB-CAJA' %}
                                                    {% else %}
                                                        {% if tipoEmp == 'Diana' %}
                                                            <option value="3">TERMINAL</option>
                                                        {% else %}
                                                            <option value="3">TERMINAL</option>
                                                            <option value="99">MARCAR COMO PAGADO</option>
                                                        {% endif %}
                                                    {%endif%}

                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="bancoI">
                                            <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                                <label>FOLIO:</label>
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-6">
                                                <input name="referenciaI" id="referenciaI" type="text" value="" class="form-control" placeholder="Referencia">
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="efectivoI">
                                            <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                                <label>PAGÓ CON:</label>
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input name="pConI" id="pConI" type="text" value="" class="form-control" placeholder="Efectivo">
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                                <label>CAMBIO:</label>
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input name="cambioI" id="cambioI" type="text" value="" class="form-control" placeholder="Cambio" readonly="true">
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                            <label>FECHA:</label>
                                        </div>
                                        <div class="col-md-4 col-sm-4 col-xs-12">
                                            <input name="fechaMovI" id="fechaMovI" type="date" value="{{"now" | date('Y-m-d')}}" class="form-control" readonly="true">
                                        </div>
                                    </div>

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

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

                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header" style="background-color: #C9DAE1;">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">MENSUALIDAD</h4>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div id="gif3" hidden="true" class="img-responsive" >
                                        <img src="{{asset('images/load2.gif')}}" />
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 table-responsive" id="contTablaMod2">
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 panel-body">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="col-md-3 col-sm-3 col-xs-12 text-right">
                                                <label>MODO DE PAGO:</label>
                                            </div>
                                            <div class="col-md-3 col-sm-3 col-xs-12">
                                                <select name="modoPago" id="modoPago" class="form-control">
                                                    <option value="default">Selecciona</option>
                                                    <option value="0">BOUCHER</option>
                                                    <option value="1">EFECTIVO</option>
                                                    <option value="2">TRANSFERENCIA</option>
                                                    {% set tipoEmp = app.session.get('idEmpleado') %}
                                                    {% if tipoEmp == 'TMVB-CAJA' %}
                                                    {% else %}
                                                        {% if tipoEmp == 'Diana' %}
                                                            <option value="3">TERMINAL</option>
                                                        {% else %}
                                                            <option value="3">TERMINAL</option>
                                                            <option value="99">MARCAR COMO PAGADO</option>
                                                        {% endif %}
                                                    {%endif%}
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="banco">
                                            <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                                <label>FOLIO:</label>
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-6">
                                                <input name="referencia2" id="referencia2" type="text" value="" class="form-control" placeholder="Folio">
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                                <label>PAGÓ A TIEMPO:</label>
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-6">
                                                <select id="pagoATiempo" name="pagoATiempo" class="form-control">
                                                    <option value="0" selected="true">NO</option>
                                                    <option value="1">SI</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="efectivo">
                                            <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                                                <label>PAGÓ CON:</label>
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input name="pCon" id="pCon" type="text" value="" class="form-control" placeholder="Efectivo">
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                                <label>CAMBIO:</label>
                                            </div>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input name="cambio" id="cambio" type="text" value="" class="form-control" placeholder="Cambio" readonly="true">
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                            <label>FECHA:</label>
                                        </div>
                                        <div class="col-md-4 col-sm-4 col-xs-12">
                                            <input name="fechaMov2" id="fechaMov2" type="date" value="{{"now" | date('Y-m-d')}}" class="form-control" readonly="true">
                                        </div>
                                    </div>

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

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

            <!-- 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">OTROS CARGOS</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="gif4" 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="contTablaMod3">
                                    </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="modoPago3" id="modoPago3" class="form-control">
                                                    <option value="default">Selecciona</option>
                                                    <option value="0">BOUCHER</option>
                                                    <option value="1">EFECTIVO</option>
                                                    <option value="2">TRANSFERENCIA</option>
                                                    <option value="3">TERMINAL</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="banco3">
                                            <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="referencia3" id="referencia3" 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="efectivo3">
                                            <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="pCon3" id="pCon3" 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="cambio3" id="cambio3" 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="fechaMov3" id="fechaMov3" type="date" value="{{"now" | date('Y-m-d')}}" class="form-control" readonly="true">
                                        </div>
                                    </div>

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

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

            <!-- Modal R -->
            <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">REINSCRIPCION</h4>
                            {% if banderaRec is defined%}
                                <input type="hidden" id="banRec" name="banRec" value="{{banderaRec}}">
                            {% else %}
                                <input type="hidden" id="banRec" name="banRec" value="">
                            {% endif %}
                        </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">
                                            {% if alumno.modalidad == "SEMESTRAL" %}
                                                <label>SEMESTRE ACTUAL:</label>
                                            {% else %}
                                                <label>CUATRIMESTRE ACTUAL:</label>
                                            {% endif %}
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nR" id="nR" type="number" value="{{alumno.numero}}" class="form-control" readonly="true">
                                        </div>
                                    </div>
                                    <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">
                                            {% if alumno.modalidad == "SEMESTRAL" %}
                                                <label>INGRESA EL NUMERO DE SEMESTRE:</label>
                                            {% else %}
                                                <label>INGRESA EL NUMERO DE CUATRIMESTRE:</label>
                                            {% endif %}
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="numeroR" id="numeroR" type="number" value="" class="form-control">
                                        </div>
                                    </div>
                                    <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>FECHA DE INICIO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="fechaInicio" id="fechaInicio" type="date" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnModR">CREAR</button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCancelarR">CANCELAR</button>
                        </div>
                    </div>

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

            <!-- Modal EXTRA -->
            <div id="myModalExtras" 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">RECIBO EXTRAORDINARIO</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>ALUMNO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nAlumno" id="nAlumno" type="text" value="{{alumno.nomAlu}} {{alumno.apePat}} {{alumno.apeMat}}" class="form-control" readonly="true">
                                        </div>
                                    </div>
                                    <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>PROFESOR:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nProfesor" id="nProfesor" type="text" value="" class="form-control">
                                        </div>
                                    </div>
                                    <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>MATERIA:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nMateria" id="nMateria" type="text" value="" class="form-control">
                                        </div>
                                    </div>
                                    <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">
                                            {% if alumno.modalidad == "SEMESTRAL" %}
                                                <label>del Semestre:</label>
                                            {% else %}
                                                <label>del Cuatrimestre:</label>
                                            {% endif %}
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nDelSemestre" id="nDelSemestre" type="number" value="0" class="form-control">
                                        </div>
                                    </div>
                                    <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>PERIODO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nPeriodo" id="nPeriodo" type="text" value="" class="form-control">
                                        </div>
                                    </div>
                                    <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>GRUPO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nGrupo" id="nGrupo" type="text" value="" class="form-control">
                                        </div>
                                    </div>
                                    <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>TURNO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nTurno" id="nTurno" type="text" value="" class="form-control">
                                        </div>
                                    </div>
                                    <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">
                                            {% if alumno.modalidad == "SEMESTRAL" %}
                                                <label>Semestre Actual:</label>
                                            {% else %}
                                                <label>Cuatrimestre Actual:</label>
                                            {% endif %}

                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nSemActual" id="nSemActual" type="number" value="{{alumno.numero}}" class="form-control">
                                        </div>
                                    </div>
                                    <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>ESPECIALIDAD:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nEspecialidad" id="nEspecialidad" type="text" value="" class="form-control">
                                        </div>
                                    </div>
                                    <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>COSTO:</label>
                                        </div>
                                        <div class="col-md-6 col-sm-6 col-xs-6">
                                            <input name="nCosto" id="nCosto" type="number" step="any" value="0.00" class="form-control">
                                        </div>
                                    </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" data-dismiss="modal" id="btnModExtra">GUARDAR</button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCancelarExtra">CANCELAR</button>
                        </div>
                    </div>

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

            <!-- Modal CREAR CONVENIO -->
            <div id="myModalCrearConvenio" 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">CREAR CONVENIO</h4>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="contenedorCrearConvenio">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success" data-dismiss="modal" id="btnModGuardarConvenio">GUARDAR CONVENIO</button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCancelarConvenio">CERRAR</button>
                        </div>
                    </div>

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

            <!-- Modal CREAR CONVENIO -->
            <div id="myModalAbonarConvenio" 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 CONVENIO</h4>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="contenedorAbonarConvenio">
                                </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="modoPagoConvenio" id="modoPagoConvenio" class="form-control">
                                                <option value="default">Selecciona</option>
                                                <option value="0">BOUCHER</option>
                                                <option value="1">EFECTIVO</option>
                                                <option value="2">TRANSFERENCIA</option>
                                                <option value="3">TERMINAL</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="montoAbonoC" id="montoAbonoC" class="form-control text-right" min="0" placeholder="$ 0.00">
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="bancoC">
                                        <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="referenciaConvenio" id="referenciaConvenio" 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="efectivoC">
                                        <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="pConC" id="pConC" type="number" 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="cambioC" id="cambioC" type="number" 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="fechaMovC" id="fechaMovC" type="date" value="{{"now" | date('Y-m-d')}}" class="form-control" readonly="true">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success" id="btnModAbonarConvenio">ABONAR</button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCerrarAbonarConvenio">CERRAR</button>
                        </div>
                    </div>

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

            <!-- Modal CREAR CONVENIO -->
            <div id="myModalAbonarConvenioOK" 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">LISTA DE ABONOS DEL CONVENIO</h4>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="contenedorAbonosDelConvenio">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success" id="btnModAbonarConvenio">ABONAR</button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCerrarAbonarConvenio">CERRAR</button>
                        </div>
                    </div>

                </div>
            </div> <!-- FIN MODAL ABONAR CONVENIO OK-->

            <!-- Modal CREAR EVENTOS -->
            <div id="myModalEventos" 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">AGREGAR EVENTOS</h4>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="contenedorAgregarEvento">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success" id="btnModAgregarEvento">AGREGAR</button>
                            <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCerrarAgregarEvento">CERRAR</button>
                        </div>
                    </div>

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

            <!-- Modal CREAR EVENTOS -->
            <div id="myModalTitulacion" 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 DE TITULACIÓN</h4>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="contenedorAgregarPagoTitulacion">
                                </div>
                                <div class="col-lg-12">
                                    <div class="panel-body" style="padding-top: 0px;">
                                        <div class="col-lg-12" style="border-top: solid 2px green;">
                                            <h4>AGREGAR PAGO</h4>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="col-lg-12 form-group">
                                                <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                                    <label>MONTO:</label>
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-xs-12">
                                                    <input type="number" id="montoAbonarTitulacion" name="montoAbonarTitulacion" value="" placeholder="$0.00" class="form-control text-right">
                                                </div>
                                            </div>
                                            <div class="col-lg-12 form-group">
                                                <div class="col-md-6 col-sm-6 col-xs-12 text-right">
                                                    <label>MODO DE PAGO:</label>
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-xs-12">
                                                    <select name="modoPagoTitulacion" id="modoPagoTitulacion" class="form-control">
                                                        <option value="default">Selecciona</option>
                                                        <option value="0">BOUCHER</option>
                                                        <option value="1">EFECTIVO</option>
                                                        <option value="2">TRANSFERENCIA</option>
                                                        <option value="3">TERMINAL</option>

                                                    </select>
                                                </div> 
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="bancoT">
                                                <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="referenciaTitulacion" id="referenciaTitulacion" 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="efectivoT">
                                                <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="pConT" id="pConT" type="number" 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="cambioT" id="cambioT" type="text" value="" class="form-control" placeholder="Cambio" readonly="true">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 form-group text-right">
                                            <input type="button" value="AGREGAR PAGO" class="btn btn-sm btn-success" onclick="agregarPagoTitulacion();" id="btnAgregarPagoTitulacion" name="btnAgregarPagoTitulacion">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-danger" data-dismiss="modal"  id="btnModCerrarAgregarPagoTitulacion">CERRAR</button>
                        </div>
                    </div>

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


            <!-- TERMINAN VENTANAS MODALES -->



        </div><!-- FIN COL-12    -->






    </div><!-- FIN ROW -->
{% endblock %}