<div class="row">
    <div class="col-lg-12 table-responsive">
        <table class="table table-condensed table-bordered table-sobre table-utm 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;">ALUMNO</th>
                    <th colspan="50" style="border: solid 1px cadetblue;">CALIFICACIONES</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;">
                            <a href="{{path('consulta_alumno_dos', {ideAlu: d[0].ideAlu} )}}" target="_blank" style="color: black;font-weight: bolder;">{{d[0].cveCtl}}</a>
                        </td>
                        <td class="text-left" style="border: solid 1px cadetblue;">{{ d[0].apePat }} {{ d[0].apeMat }} {{ d[0].nomAlu }}</td>
                        {% set numPeriodo = "" %}
                        {% for key, c in d[1] %}
                            {% if numPeriodo == c.periodo %}
                            {% else %}
                                {% set numPeriodo = c.periodo %}
                                <td class="text-center" style="vertical-align: middle;border: solid 1px cadetblue;color: #000;background-color: #C0C0C0;">
                                    <i><b>{{ c.periodo }}</b></i>
                                </td>
                            {% endif %}

                            <td class="text-center" style="vertical-align: middle;border: solid 1px cadetblue;">
                                {% if c.indicador == "O" %}
                                    <b style="color: blue;">{{ c.calFinal }}</b>
                                {% elseif c.indicador == "E" %}
                                    <b style="color: orange;">{{ c.calFinal }}</b>
                                {% elseif c.indicador == "T" %}
                                    <b style="color: purple;">{{ c.calFinal }}</b>
                                {% else %}
                                    <i>{{ c.calFinal }}</i>
                                {% endif %}
                            </td>
                        {% else %}
                            <td colspan="50" class="text-left" style="vertical-align: middle;border: solid 1px cadetblue;color: red;">
                                AÚN NO ESTÁ ASOCIADO A UN PLAN DE ESTUDIOS
                            </td>
                        {% endfor %}

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