<div class="row">
    <div class="col-lg-12">
        <table class="table table-condensed table-bordered table-hover small">
            <thead>
                <tr style="background-color: cadetblue;color: white;">
                    <th class="text-center" style="border: solid 1px cadetblue;">N.P.</th>
                    <th class="text-center" style="border: solid 1px cadetblue;">MATRICULA</th>
                    <th class="text-center" style="border: solid 1px cadetblue;">NOMBRE DEL ALUMNO</th>
                    <th colspan="6" style="border: solid 1px cadetblue;">DOCUMENTOS</th>
                </tr>
            </thead>
            <tbody>
                {% for d in datos %}
                    <tr>
                        <td class="text-right" style="border: solid 1px cadetblue;">{{ loop.index }}</td>
                        <td class="text-center" style="border: solid 1px cadetblue;">{{ d[0].cveCtl }}</td>
                        <td class="text-left" style="border: solid 1px cadetblue;">{{ d[0].apePat }} {{ d[0].apeMat }} {{ d[0].nomAlu }}</td>
                        {% for key, dd in d[1] %}
                            {% if dd != "NO" %}
                                <td class="text-center" style="border: solid 1px cadetblue;">
                                    <a class="btn btn-success btn-xs" href="{{ asset(dd) }}" target="_blank" style="font-size: xx-small;">
                                        {{ key }}
                                    </a>
                                </td>
                            {% else %}
                                <td class="text-center" style="border: solid 1px cadetblue;">
                                    <a class="btn btn-danger btn-xs" href="#" style="font-size: xx-small;">
                                        {{ key }}
                                    </a>
                                </td>
                            {% endif %}
                        {% endfor %}

                    </tr>
                {% else %}
                    <tr>
                        <td colspan="8" style="border: solid 1px cadetblue;">SIN DATOS</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div><!-- FIN col-lg-12 -->
</div><!-- FIN row -->