{% extends 'registro/base_sidebar.html' %}
{% load humanize %}
{% load static %}
{% block content %}

<!-- Encabezado -->
<br>
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Inicio</li>
    </ol>
</nav>

<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">Ensayos Incompletos</h1>
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center">
        <div class="btn-group" role="group">
            <a href="{% url 'incompletos-pdf' %}" class="btn btn-sm btn-danger" target="_blank"><span data-feather="download"></span> PDF</a>
            <a href="{% url 'incompletos-xls' %}" class="btn btn-sm btn-success" target="_blank"><span data-feather="download"></span> XLS</a>
        </div>
    </div>
</div>

<!-- Tabla -->
<div class="table-responsive-sm table-wrapper-departamentos">
    <table class="table table-striped table-bordered table-hover table-sm" >
        <thead class="table-dark">
            <tr>
                <th>#</th>
                <th>Usuario</th>
                <th>Modalidad</th>
                <th>Título</th>
                <th>Estatus</th>
                <th>Fecha</th>
                <th>Hora</th>
                <th class="text-center" style="width:10%;">Acciones</th>
            </tr>
        </thead>
        <tbody>
            {% for ensayo in ensayos %}
                <tr>
                    <td>{{ forloop.counter }}</td>
                    <td>{{ ensayo.ensayo.user.username }}</td>
                    <td>{{ ensayo.ensayo.get_modalidad_display }}</td>
                    <td>{{ ensayo.ensayo.titulo }}</td>
                    <td>{{ ensayo.ensayo.get_estatus_display }}</td>
                    <td>{{ ensayo.ensayo.fecha_incompleto|date:'d-m-Y' }}</td>
                    <td>{{ ensayo.ensayo.fecha_incompleto|date:'G:i' }}</td>
                    <td class="text-center">
                        <div class="btn-group" role="group">
                            <a href="{% url 'incompleto' ensayo.ensayo.pk %}" class="btn btn-info btn-sm editar-modal" data-toggle="tooltip" data-bs-placement="top" title="Ver Detalle"><span data-feather="eye"></span></a>
                            {% if ensayo.modificado %} 
                                <span data-feather="check-circle" style="color: green;"></span>
                            {% endif %}
                        </div>
                    </td>
                </tr>
            {% empty %}
                <tr>
                    <td colspan="100%" class="text-center bg-light">Sin ensayos</td>
                </tr>
            {% endfor %}  
        </tbody>
    </table>
</div>

{% endblock %}