{% extends "base.html" %}

{% load crispy_forms_tags %}
{% load i18n %}

{% block content %}
    <div class="alert alert-info">
        <p>
            {% trans "You can here register juries for the pool." %}
            {% trans "Be careful: this form register new users. To add existing users into the jury, please use this form:" %}
            <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#updatePoolModal">{% trans "Update pool" %}</button>
        </p>
        <p>
            {% trans "For now, the registered juries for the tournament are:" %}
            <ul>
                {% for jury in pool.juries.all %}
                    <li>{{ jury.user.first_name }} {{ jury.user.last_name }} (<a class="alert-link" href="mailto:{{ jury.user.email }}">{{ jury.user.email }}</a>)</li>
                {% empty %}
                    <li><i>{% trans "There is no jury yet." %}</i></li>
                {% endfor %}
            </ul>
        </p>
    </div>
    {% crispy form %}

    <hr>

    <div class="row text-center">
    <a href="{% url 'participation:pool_detail' pk=pool.pk %}" class="btn btn-secondary">
        <i class="fas fa-arrow-left"></i> {% trans "Back to pool detail" %}
    </a>
    </div>

    {% trans "Update pool" as modal_title %}
    {% trans "Update" as modal_button %}
    {% url "participation:pool_update" pk=pool.pk as modal_action %}
    {% include "base_modal.html" with modal_id="updatePool" %}
{% endblock %}

{% block extrajavascript %}
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            initModal("updatePool", "{% url "participation:pool_update" pk=pool.pk %}")
        })
    </script>
{% endblock %}