{% extends "base.html" %}

{% load django_tables2 i18n %}

{% block content %}
    <div class="card bg-body shadow">
        <div class="card-header text-center">
            <h4>{{ pool }}</h4>
        </div>
        <div class="card-body">
            <dl class="row">
                <dt class="col-sm-3">{% trans "Tournament:" %}</dt>
                <dd class="col-sm-9"><a href="{{ pool.tournament.get_absolute_url }}">{{ pool.tournament }}</a></dd>

                <dt class="col-sm-3">{% trans "Round:" %}</dt>
                <dd class="col-sm-9">{{ pool.get_round_display }}</dd>

                <dt class="col-sm-3">{% trans "Letter:" %}</dt>
                <dd class="col-sm-9">{{ pool.get_letter_display }}</dd>

                <dt class="col-sm-3">{% trans "Teams:" %}</dt>
                <dd class="col-sm-9">
                    {% for participation in pool.participations.all %}
                        <a href="{{ participation.get_absolute_url }}">{{ participation.team }}{% if not forloop.last %}, {% endif %}</a>
                    {% endfor %}
                </dd>

                <dt class="col-sm-3">{% trans "Juries:" %}</dt>
                <dd class="col-sm-9">
                    {{ pool.juries.all|join:", " }}
                    <a class="badge rounded-pill text-bg-info" href="{% url 'participation:pool_add_jurys' pk=pool.pk %}">
                        <i class="fas fa-plus"></i> {% trans "Add jurys" %}
                    </a>
                </dd>

                <dt class="col-sm-3">{% trans "Defended solutions:" %}</dt>
                <dd class="col-sm-9">
                    {% for passage in pool.passages.all %}
                        <a href="{{ passage.defended_solution.file.url }}">{{ passage.defended_solution }}{% if not forloop.last %}, {% endif %}</a>
                    {% endfor %}
                </dd>

                <dt class="col-sm-3">{% trans "BigBlueButton link:" %}</dt>
                <dd class="col-sm-9">{{ pool.bbb_url|urlize }}</dd>
            </dl>

            <div class="card bg-body shadow">
                <div class="card-header text-center">
                    <h5>{% trans "Ranking" %}</h5>
                </div>
                <div class="card-body">
                    <ul>
                        {% for participation, note in notes %}
                            <li><strong>{{ participation.team }} :</strong> {{ note|floatformat }}</li>
                        {% endfor %}
                    </ul>
                </div>
                {% if user.registration.is_volunteer %}
                    <div class="card-footer text-center">
                        <div class="btn-group">
                            <a class="btn btn-info" href="{% url 'participation:pool_scale_note_sheet' pk=pool.pk %}">
                                {% trans "Download the scale sheet" %}{% if pool.passages.count == 5 %} — {% trans "Room" %} 1{% endif %}
                            </a>
                            {% if pool.passages.count == 5 %}
                                <a class="btn btn-info" href="{% url 'participation:pool_scale_note_sheet' pk=pool.pk %}?page=2">
                                    {% trans "Room" %} 2
                                </a>
                            {% endif %}
                        </div>
                        <div class="btn-group">
                            <a class="btn btn-info" href="{% url 'participation:pool_final_note_sheet' pk=pool.pk %}">
                                {% trans "Download the final notation sheet" %}{% if pool.passages.count == 5 %} — {% trans "Room" %} 1{% endif %}
                            </a>
                            {% if pool.passages.count == 5 %}
                                <a class="btn btn-info" href="{% url 'participation:pool_final_note_sheet' pk=pool.pk %}?page=2">
                                    {% trans "Room" %} 2
                                </a>
                            {% endif %}
                        </div>
                        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#uploadNotesModal">{% trans "Upload notes from a CSV file" %}</button>
                    </div>
                {% endif %}
            </div>
        </div>
        {% if user.registration.is_volunteer %}
            <div class="card-footer text-center">
                <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#addPassageModal">{% trans "Add passage" %}</button>
                <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#updatePoolModal">{% trans "Update" %}</button>
                <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#updateTeamsModal">{% trans "Update teams" %}</button>
            </div>
        {% endif %}
    </div>

    <hr>

    <h3>{% trans "Passages" %}</h3>

    {% render_table passages %}

    {% trans "Add passage" as modal_title %}
    {% trans "Add" as modal_button %}
    {% url "participation:passage_create" pk=pool.pk as modal_action %}
    {% include "base_modal.html" with modal_id="addPassage" modal_button_type="success" %}

    {% 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" %}

    {% trans "Update teams" as modal_title %}
    {% trans "Update" as modal_button %}
    {% url "participation:pool_update_teams" pk=pool.pk as modal_action %}
    {% include "base_modal.html" with modal_id="updateTeams" %}

    {% trans "Upload notes" as modal_title %}
    {% trans "Upload" as modal_button %}
    {% url "participation:pool_upload_notes" pk=pool.pk as modal_action %}
    {% include "base_modal.html" with modal_id="uploadNotes" modal_button_type="success" modal_enctype="multipart/form-data" %}
{% endblock %}

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