<div class="row">
    <div class="col-lg-12">
        <h5 style="color: blue;"><b>PENDIENTES</b></h5>  
    </div><!-- FIN col-lg-12 -->
    <div class="col-lg-12 table-responsive">
        <table id="tabla_documentos" class="table table-bordered table-condensed table-hover small">
            <thead class="thead-light">
                <tr>
                    <th>N.C.</th>
                    <th>DOCUMENTO</th>
                    <th>ESTATUS</th>
                    <th>*</th>
                    <th>*</th>
                    <th>*</th>
                </tr>
            </thead>
            <tbody>
                {% for da in documentosAlumno %}
                    <tr>
                        <td style="vertical-align: middle;">{{loop.index}}</td>
                        <td style="vertical-align: middle;">{{da.cveDoc.nomDoc}}</td>
                        {% if da.estatus == 1 %}
                            <td style="vertical-align: middle;background-color: red;color: white;">ACTIVO Y SIN ESCANEAR</td>
                        {% elseif da.estatus == 2 %}
                            <td style="vertical-align: middle;background-color: green;color: white;">ACTIVO Y ESCANEADO</td>
                        {% elseif da.estatus == 3 %}
                            <td style="vertical-align: middle;">ENTREGADO</td>
                        {% else %}
                        {% endif %}
                        <td>
                            <a class="btn btn-info btn-xs" data-toggle="modal" data-target="#myModal3" data-toggle="tooltip" data-placement="bottom" title="Escanear" onclick="ventanaModalEscaner({{da.ideDocAlu}},{{da.cveAlu.ideAlu}} ,{{da.cveDoc.ideDoc}} , '{{da.cveDoc.nomDoc}}')"><i class="fa fa-paste fa-fw"></i></a>
                        </td>
                        {% if da.estatus == 1 %}
                            <td>
                                <a class="btn btn-success btn-xs disabled"><i class="fa fa-print fa-fw"></i></a>
                            </td>
                        {% elseif da.estatus == 2 %}
                            <td>
                                <a class="btn btn-success btn-xs" href="{{asset(da.archivo)}}" target="_blank"><i class="fa fa-print fa-fw"></i></a>
                            </td>
                        {% elseif da.estatus == 3 %}
                            <td>
                                <a class="btn btn-success btn-xs" href="{{asset(da.archivo)}}" target="_blank"><i class="fa fa-print fa-fw"></i></a>
                            </td>
                        {% else %}
                        {% endif %}
                        {% if da.estatus == 1 %}
                            <td>
                                <a class="btn btn-warning btn-xs disabled" data-toggle="modal" data-target="#myModal4" data-toggle="tooltip" data-placement="bottom" title="Liberar"><i class="fa fa-file-export fa-fw"></i></a>
                            </td>
                        {% elseif da.estatus == 2 %}
                            <td>
                                <a class="btn btn-warning btn-xs" data-toggle="modal" data-target="#myModal4" data-toggle="tooltip" data-placement="bottom" title="Liberar"><i class="fa fa-file-export fa-fw"></i></a>
                            </td>
                        {% elseif da.estatus == 3 %}
                            <td>
                                <a class="btn btn-warning btn-xs" data-toggle="modal" data-target="#myModal4" data-toggle="tooltip" data-placement="bottom" title="Liberar"><i class="fa fa-file-export fa-fw"></i></a>
                            </td>
                        {% else %}
                        {% endif %}

                    </tr>
                {% else %}
                    <tr>
                        <td colspan="6">AÚN NO TIENE ACTIVADO NADA</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div><!-- FIN col-lg-12 -->
</div>