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

<script src="{% static 'registrar/constancia.js'%}" type="text/javascript"></script>

<!-- 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 Validados</h1>
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center">
        {% if enviarConstancias %}
            <div class="me-2">
                <a href="{% url 'constancias' %}" id="btn-send-certified" class="btn btn-sm btn-warning"><span data-feather="mail"></span> Constancias</a>
            </div>
        {% endif %}
        <div class="btn-group" role="group">
            <a href="{% url 'validados-pdf' %}" class="btn btn-sm btn-danger" target="_blank"><span data-feather="download"></span> PDF</a>
            <a href="{% url 'validados-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 style="width: 200px;">Folio</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.folio }}</td>
                    <td>{{ ensayo.user.username }}</td>
                    <td>{{ ensayo.get_modalidad_display }}</td>
                    <td>{{ ensayo.titulo }}</td>
                    <td>{{ ensayo.get_estatus_display }}</td>
                    <td>{{ ensayo.fecha_validado|date:'d-m-Y' }}</td>
                    <td>{{ ensayo.fecha_validado|date:'G:i' }}</td>
                    <td class="text-center">
                        <div>
                            <a href="{% url 'validado' 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 descargarConstancia  %}
                                <a href="#" class="btn btn-sm btn-success btn-download-certified" data-nombre="" data-toggle="tooltip" data-bs-placement="top" title="Descargar Constancia"><span data-feather="award"></span></a>
                                {% if ensayo.modalidad == 'CO' %}
                                    <a href="{% url 'constancia' ensayo.pk 1 %}" class="btn btn-sm btn-warning" target="_blank" data-toggle="tooltip" data-bs-placement="top" title="Ver Constancia"><span data-feather="award"></span></a>
                                {% endif %}
                            {% endif %} -->
                        </div>
                    </td>
                </tr>
            {% empty %}
                <tr>
                    <td colspan="100%" class="text-center bg-light">Sin ensayos</td>
                </tr>
            {% endfor %}  
        </tbody>
    </table>
</div>

{% endblock %}