{% extends "base.html" %}

{% load django_tables2 i18n %}

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

                <dt class="col-sm-3">{% trans "Defender:" %}</dt>
                <dd class="col-sm-9"><a href="{{ passage.defender.get_absolute_url }}">{{ passage.defender.team }}</a></dd>

                <dt class="col-sm-3">{% trans "Opponent:" %}</dt>
                <dd class="col-sm-9"><a href="{{ passage.opponent.get_absolute_url }}">{{ passage.opponent.team }}</a></dd>

                <dt class="col-sm-3">{% trans "Reporter:" %}</dt>
                <dd class="col-sm-9"><a href="{{ passage.reporter.get_absolute_url }}">{{ passage.reporter.team }}</a></dd>

                <dt class="col-sm-3">{% trans "Defended solution:" %}</dt>
                <dd class="col-sm-9"><a href="{{ passage.defended_solution.file.url }}" data-turbolinks="false">{{ passage.defended_solution }}</a></dd>

                <dt class="col-sm-3">{% trans "Place:" %}</dt>
                <dd class="col-sm-9">{{ passage.place }}</dd>

                <dt class="col-sm-3">{% trans "Syntheses:" %}</dt>
                <dd class="col-sm-9">
                    {% for synthesis in passage.syntheses.all %}
                        <a href="{{ synthesis.file.url }}" data-turbolinks="false">{{ synthesis }}{% if not forloop.last %}, {% endif %}</a>
                    {% empty %}
                        {% trans "No synthesis was uploaded yet." %}
                    {% endfor %}
                </dd>
            </dl>
        </div>
        {% if user.registration.is_admin %}
            <div class="card-footer text-center">
                <button class="btn btn-info" data-toggle="modal" data-target="#updateNotesModal">{% trans "Update notes" %}</button>
                <button class="btn btn-primary" data-toggle="modal" data-target="#updatePassageModal">{% trans "Update" %}</button>
            </div>
        {% elif user.registration.participates %}
            <div class="card-footer text-center">
                <button class="btn btn-primary" data-toggle="modal" data-target="#uploadSynthesisModal">{% trans "Upload synthesis" %}</button>
            </div>
        {% endif %}
    </div>

    {% if notes %}
        <hr>

        <h2>{% trans "Notes detail" %}</h2>

        {% render_table notes %}

        <div class="card bg-light shadow">
            <div class="card-body">
                <dl class="row">
                    <dt class="col-sm-8">{% trans "Average points for the defender writing:" %}</dt>
                    <dd class="col-sm-4">{{ passage.average_defender_writing }}/20</dd>

                    <dt class="col-sm-8">{% trans "Average points for the defender oral:" %}</dt>
                    <dd class="col-sm-4">{{ passage.average_defender_oral }}/16</dd>

                    <dt class="col-sm-8">{% trans "Average points for the opponent writing:" %}</dt>
                    <dd class="col-sm-4">{{ passage.average_opponent_writing }}/9</dd>

                    <dt class="col-sm-8">{% trans "Average points for the opponent oral:" %}</dt>
                    <dd class="col-sm-4">{{ passage.average_opponent_oral }}/10</dd>

                    <dt class="col-sm-8">{% trans "Average points for the reporter writing:" %}</dt>
                    <dd class="col-sm-4">{{ passage.average_reporter_writing }}/9</dd>

                    <dt class="col-sm-8">{% trans "Average points for the reporter oral:" %}</dt>
                    <dd class="col-sm-4">{{ passage.average_reporter_oral }}/10</dd>
                </dl>

                <hr>

                <dl class="row">
                    <dt class="col-sm-8">{% trans "Defender points:" %}</dt>
                    <dd class="col-sm-4">{{ passage.average_defender }}/52</dd>

                    <dt class="col-sm-8">{% trans "Opponent points:" %}</dt>
                    <dd class="col-sm-4">{{ passage.average_opponent }}/29</dd>

                    <dt class="col-sm-8">{% trans "Reporter points:" %}</dt>
                    <dd class="col-sm-4">{{ passage.average_reporter }}/19</dd>
                </dl>
            </div>
        </div>
    {% endif %}

    {% if user.registration.is_admin %}
        {% trans "Update passage" as modal_title %}
        {% trans "Update" as modal_button %}
        {% url "participation:passage_update" pk=passage.pk as modal_action %}
        {% include "base_modal.html" with modal_id="updatePassage" %}

        {% trans "Update notes" as modal_title %}
        {% trans "Update" as modal_button %}
        {% url "participation:update_notes" pk=my_note.pk as modal_action %}
        {% include "base_modal.html" with modal_id="updateNotes" %}
    {% elif user.registration.participates %}
        {% trans "Upload synthesis" as modal_title %}
        {% trans "Upload" as modal_button %}
        {% url "participation:upload_synthesis" pk=passage.pk as modal_action %}
        {% include "base_modal.html" with modal_id="uploadSynthesis" modal_enctype="multipart/form-data" %}
    {% endif %}
{% endblock %}

{% block extrajavascript %}
    <script>
        $(document).ready(function () {
            {% if user.registration.is_admin %}
                $('button[data-target="#updatePassageModal"]').click(function() {
                    let modalBody = $("#updatePassageModal div.modal-body");
                    if (!modalBody.html().trim())
                        modalBody.load("{% url "participation:passage_update" pk=passage.pk %} #form-content")
                });

                $('button[data-target="#updateNotesModal"]').click(function() {
                    let modalBody = $("#updateNotesModal div.modal-body");
                    if (!modalBody.html().trim())
                        modalBody.load("{% url "participation:update_notes" pk=my_note.pk %} #form-content")
                });
            {% elif user.registration.participates %}
                $('button[data-target="#uploadSynthesisModal"]').click(function() {
                    let modalBody = $("#uploadSynthesisModal div.modal-body");
                    if (!modalBody.html().trim())
                        modalBody.load("{% url "participation:upload_synthesis" pk=passage.pk %} #form-content")
                });
            {% endif %}
        });
    </script>
{% endblock %}
