{% 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">Usuarios Registrados</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" style="font-size: 14px;">
            <tr>
                <th>#</th>
                <th>Usuario</th>
                <th>Correo</th>
                <th>Contraseña</th>
                <th>Fecha</th>
                <th>Hora</th>
            </tr>
        </thead>
        <tbody style="font-size: 10px;">
            {% for usuario in usuarios %}
                <tr>
                    <td>{{ forloop.counter }}</td>
                    <td>{{ usuario.r.username }}</td>
                    <td>{{ usuario.r.email }}</td>
                    <td>{{ usuario.clave }}</td>
                    <td>{{ usuario.r.date_joined|date:'d-m-Y' }}</td>
                    <td>{{ usuario.r.date_joined|date:'G:i' }}</td>
                </tr>
            {% empty %}
                <tr>
                    <td colspan="100%" class="text-center bg-light">Sin ensayos</td>
                </tr>
            {% endfor %}  
        </tbody>
    </table>
</div>

{% endblock %}