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

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

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

    <!-- Encabezado -->
    <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">Mis Ensayos</h1>
        <div class="btn-toolbar mb-2 mb-md-0">
            <div class="btn-group mr-2">
                {% if ensayos.count == 0 %}
                    <a href="{% url 'ensayo-nuevo' %}" class="btn btn-sm btn-success nuevo-modal"><span data-feather="plus-square"></span> Nuevo</a>
                {% endif %}
            </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>
                    {% if ensayos.0.estatus == 1 %}
                        <th style="width: 200px;">Folio</th>
                    {% endif %}
                    <th>Modalidad</th>
                    <th>Título</th>
                    <th>Estatus</th>
                    <th class="text-center" style="width:10%;">Acciones</th>
                </tr>
            </thead>
            <tbody>
                {% for ensayo in ensayos %}
                    <tr>
                        {% if ensayo.estatus == 1 %}
                            <td>{{ ensayo.folio }}</td>
                        {% endif %}
                        <td>{{ ensayo.get_modalidad_display }}</td>
                        <td>{{ ensayo.titulo }}</td>
                        <td>{{ ensayo.get_estatus_display }}</td>
                        <td class="text-center">
                            <div>                            
                                {% if activarBtnEditar or ensayo.estatus == -1 %}
                                    <a href="{% url 'ensayo-editar' ensayo.pk %}" class="btn btn-primary btn-sm editar-modal" data-toggle="tooltip" data-bs-placement="top" title="Modificar Ensayo"><span data-feather="edit"></span></a>
                                {% endif %}
                                {% if descargarConstancia and ensayo.estatus == 1 %}
                                    {% with ensayo.user_id|slugify as pdf_path %}
                                        {% with 'registrar/'|add:pdf_path|add:'.pdf' as pdf_path %}
                                        <a href="{% static pdf_path %}" class="btn btn-sm btn-success btn-download-certified" data-nombre="{{ autor1 }}" data-toggle="tooltip" data-bs-placement="top" title="Descargar Constancia"><span data-feather="award"></span></a>
                                        {% endwith %}
                                    {% endwith %}
                                    
                                    {% if ensayo.modalidad == 'CO' %}
                                        <a href="#" class="btn btn-sm btn-success btn-download-certified" data-nombre="{{ autor2 }}" data-toggle="tooltip" data-bs-placement="top" title="Descargar Constancia 2"><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>
</div>

{% endblock %}