{% set tipoUsuario = app.session.get('rol') %}

<div class="row">
    <div class="col-lg-12">
        <table class="table table-condensed table-bordered">
            <thead>
                <tr style="background-color: #A67D3D;border: solid 1px #A67D3D;color: white;">
                    <th class="text-center" style="border: solid 1px #A67D3D;">PLANTEL</th>
                    <th class="text-center" style="border: solid 1px #A67D3D;">ESPECIALIDAD</th>
                    <th class="text-center" style="border: solid 1px #A67D3D;">CUATRIMESTRE</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="text-center" style="border: solid 1px #A67D3D;">{{ pla.nomPla }}</td>
                    <td class="text-center" style="border: solid 1px #A67D3D;">{{lic.cveNivAca.nombre}} EN {{ lic.nomLic }}</td>
                    <td class="text-center" style="border: solid 1px #A67D3D;">{{ num }}°</td>
                </tr>
            </tbody>
        </table>
    </div><!-- FIN col-lg-12 -->
    <div class="col-lg-12">
        <nav>
            <div class="nav nav-tabs nav-justified" id="nav-tab" role="tablist">
                <button class="nav-link active" id="m1-tab" data-bs-toggle="tab" data-bs-target="#m1" type="button" role="tab" aria-controls="m1" aria-selected="true" style="padding: 1px 6px;">
                    LISTAS
                </button>
                <button class="nav-link" id="m2-tab" data-bs-toggle="tab" data-bs-target="#m2" type="button" role="tab" aria-controls="m2" aria-selected="false" onclick="expedienteAlumnos({{lic.ideLic}},{{num}} ,{{pla.idePla}} );" style="padding: 1px 6px;">
                    EXPEDIENTE DIGITAL
                </button>
                {% if tipoUsuario != '500' %}
                    <button class="nav-link" id="m3-tab" data-bs-toggle="tab" data-bs-target="#m3" type="button" role="tab" aria-controls="m3" aria-selected="false" onclick="alert('SEGUIMIENTO');" style="padding: 1px 6px;">
                        SEGUIMIENTO
                    </button>
                    <button class="nav-link" id="m3-tab" data-bs-toggle="tab" data-bs-target="#m4" type="button" role="tab" aria-controls="m4" aria-selected="false" onclick="calificacionesAlumnos({{lic.ideLic}},{{num}} ,{{pla.idePla}} );" style="padding: 1px 6px;">
                        CALIFICACIONES
                    </button>
                    <button class="nav-link" id="m3-tab" data-bs-toggle="tab" data-bs-target="#m5" type="button" role="tab" aria-controls="m5" aria-selected="false" onclick="gruposAlumnos({{lic.ideLic}},{{num}} ,{{pla.idePla}} );" style="padding: 1px 6px;">
                        GRUPOS
                    </button>
                {% endif %}

            </div>
        </nav>
        <div class="tab-content" id="nav-tabContent">
            <div class="tab-pane fade show active" id="m1" role="tabpanel" aria-labelledby="m1-tab">
                <div class="row">
                    <div class="col-sm-12 table-responsive">
                        <table class="table table-bordered table-condensed table-hover small">
                            <thead>
                                <tr style="background-color: cadetblue;color: white;">
                                    <th class="text-center">N.P.</th>
                                    <th class="text-center">MATRICULA</th>
                                    <th class="text-center">NOMBRE DEL ALUMNO</th>
                                    <th class="text-center">AGREGAR NOTA</th>
                                    <th class="text-center">*</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for a in alumnos %}
                                    <tr>
                                        <td style="vertical-align: middle;" class="text-center">{{ loop.index }}</td>
                                        <td style="vertical-align: middle;" class="text-center">
                                            {% if tipoUsuario == '500' %}
                                                {{a.cveCtl}}
                                            {% else %}
                                                <a href="{{path('consulta_alumno_dos', {ideAlu: a.ideAlu} )}}" target="_blank" style="color: black;font-weight: bolder;">{{a.cveCtl}}</a>
                                            {% endif %}

                                        </td>
                                        <td style="vertical-align: middle;">
                                            {{ a.apePat }} {{ a.apeMat }} {{ a.nomAlu }}
                                        </td>
                                        <td>
                                            <input type="text" class="form-control form-control-sm" style="font-size: smaller;" id="inpNota_{{a.ideAlu}}" disabled="true">
                                        </td>
                                        <td style="vertical-align: middle;" class="text-center">
                                            <a class="btn btn-xs btn-success disabled" id="btnNota_{{a.ideAlu}}">
                                                <i class="fa fa-save fw"></i>
                                            </a>
                                        </td>
                                    </tr>
                                {% else %}
                                {% endfor %}
                            </tbody>
                        </table>


                    </div><!-- col-sm-12 -->
                </div><!-- FIN row -->
            </div><!-- FIN m1 -->
            <div class="tab-pane fade" id="m2" role="tabpanel" aria-labelledby="nav-profile-tab">
                <div class="row">
                    <div class="col-sm-12" id="cont-m2">

                    </div><!-- col-sm-12 -->
                </div><!-- FIN row -->
            </div><!-- FIN m2 -->
            <div class="tab-pane fade" id="m3" role="tabpanel" aria-labelledby="nav-contact-tab">
                <div class="row">
                    <div class="col-sm-12" id="cont-m3">
                        EN CONSTRUCCIÓN
                    </div><!-- col-sm-12 -->
                </div><!-- FIN row -->

            </div><!-- FIN m3 -->
            <div class="tab-pane fade" id="m4" role="tabpanel" aria-labelledby="nav-contact-tab">
                <div class="row">
                    <div class="col-sm-12" id="cont-m4">
                    </div><!-- col-sm-12 -->
                </div><!-- FIN row -->

            </div><!-- FIN m4 -->
            <div class="tab-pane fade" id="m5" role="tabpanel" aria-labelledby="nav-contact-tab">
                <div class="row">
                    <div class="col-sm-12" id="cont-m5">
                    </div><!-- col-sm-12 -->
                </div><!-- FIN row -->

            </div><!-- FIN m5 -->
        </div><!-- FIN nav-tabContent -->

    </div><!-- FIN col-lg-12 -->
</div><!-- FIN row -->