<div class="col-lg-12 table-responsive">
    <h5>DATOS DEL ALUMNO</h5>
    <table class="table table-bordered table-striped table-condensed">
        <thead>
            <tr>
                <th>MATRICULA</th>
                <th>ALUMNO</th>
                <th>ESPECIALIDAD</th>
                <th>*</th>
            </tr>
        </thead>
        <tbody>
            {% if alumno is defined %}
                <tr>
                    <td>{{alumno.cveCtl}}</td>
                    <td>{{alumno.apePat}} {{alumno.apeMat}} <i style="font-weight: bolder;">{{alumno.nomAlu}}</i></td>
                    <td style="font-weight: bold;">{{tipoAlumno}}</td>
                    <td class="text-center">
                        <a class="btn btn-xs btn-success"><i class="fa fa-print fw"></i></a>
                    </td>
                </tr>
            {% else %}
            {% endif %}
        </tbody>
    </table>
</div>
<div class="col-lg-12 table-responsive">
    <h5>DOCUMENTACIÓN DIGITAL</h5>
    <table class="table table-bordered table-striped table-condensed">
        <thead>
            <tr>
                {% for key, d in documentacion %}
                    <th>{{key}}</th>
                    {% else %}
                    <th style="color: red;font-weight: bold;">NO HAY DOCUMENTOS A VALIDAR</th>
                    {% endfor %}
            </tr>
        </thead>
        <tbody>
            <tr>
                {% for d in documentacion %}
                    <td>{{d}}</td>
                {% else %}
                    <td style="color: red;font-weight: bold;">NO HAY DOCUMENTOS A VALIDAR</td>
                {% endfor %}
            </tr>
        </tbody>
    </table>
</div>
<div class="col-lg-12 table-responsive">
    <h5>PAGOS</h5>
    <table class="table table-bordered table-striped table-condensed">
        <thead>
            <tr>
                <th>PAGOS</th>
            </tr>
        </thead>
        <tbody>
            {% if alumno is defined %}
                <tr>
                    <td>
                        {% if bandera == 0 %}
                            <i style="color: green;font-weight: bold;">NO TIENE PAGOS ATRASADOS</i>
                        {% elseif bandera == 1 %}
                            <i style="color: red;font-weight: bold;">TIENE ADEUDO</i>
                        {% elseif bandera == 2 %}
                            <i style="color: blue;font-weight: bold;">NO TIENE ADEUDO, VALIDAR REINSCRIPCIÓN</i>
                        {% endif %}
                    </td>
                </tr>
            {% else %}
            {% endif %}
        </tbody>
    </table>
</div>



