{% extends "base.html" %}
{% load profiles %}
{% load static %}

{% block title %}Verification User Set - {{ block.super }}{% endblock %}

{% block content %}
    <h2>Verification User Set</h2>

    <h3>Users</h3>

    <div class="table-responsive">
        <table id="usersTable" class="table table-hover table-borderless table-sm">
            <thead class="thead-light">
                <tr>
                    <th>Username</th>
                    <th>Full Name</th>
                    <th>Last Login</th>
                    <th>Active</th>
                    <th>Verified</th>
                </tr>
            </thead>
            <tbody>
                {% for user in object.users.all %}
                    <tr>
                        <td>{{ user|user_profile_link }}</td>
                        <td>{{ user.get_full_name }}</td>
                        <td>{{ user.last_login }}</td>
                        <td>{{ user.is_active }}</td>
                        <td>{{ user.verification.is_verified }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <h3>Submissions</h3>

    <div class="table-responsive">
        <table id="submissionsTable" class="table table-hover table-borderless table-sm">
            <thead class="thead-light">
                <tr>
                    <th>Created</th>
                    <th>Creator</th>
                    <th>Phase</th>
                    <th>Limits</th>
                </tr>
            </thead>
            <tbody>
                {% for submission in submissions %}
                    <tr>
                        <td data-order='{{ submission.created|date:"U" }}'><a href="{{ submission.get_absolute_url }}">{{ submission.created }}</a></td>
                        <td>{{ submission.creator|user_profile_link }}</td>
                        <td>{{ submission.phase }}</td>
                        <td>{{ submission.phase.submissions_limit_per_user_per_period }} / {{ submission.phase.submission_limit_period }} day{{ submission.phase.submission_limit_period|pluralize }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

{% endblock %}

{% block script %}
    {{ block.super }}
    <script type="module" src="{% static 'verifications/js/verificationuserset_tables.mjs' %}"></script>
{% endblock %}