{% load humanize %}
{% load static %}
{% block content %}

<!-- Encabezado -->
<header id="header" class="header">
    <div>
        <img src="{% static 'registrar/logoieebc.png'%}" style="float:left;width:200px;">                        
        <h4 class="h4" style="text-align:center;">Segundo Concurso Estatal de Ensayo 2023, denominado:</h4>
        <h4 class="h4" style="text-align:center;">"La importancia de la prevencion y erradicación</h4>
        <h4 class="h4" style="text-align:center;">de la violencia política en razón de género".</h4>
    </div>
</header>
<br>
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h3 class="h3">Ensayos Prevalidados</h3>
</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>Modalidad</th>
                <th>Título</th>
                <th>Estatus</th>
                <th>Fecha</th>
                <th>Hora</th>
            </tr>
        </thead>
        <tbody>
            {% for ensayo in ensayos %}
                <tr>
                    <td>{{ forloop.counter }}</td>
                    <td>{{ ensayo.get_modalidad_display }}</td>
                    <td>{{ ensayo.titulo }}</td>
                    <td>{{ ensayo.get_estatus_display }}</td>
                    <td>{{ ensayo.fecha_prevalidado|date:'d-m-Y' }}</td>
                    <td>{{ ensayo.fecha_prevalidado|date:'G:i' }}</td>
                </tr>
            {% empty %}
                <tr>
                    <td colspan="100%" class="text-center bg-light">Sin ensayos</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}