{% extends "base.html" %}

{% load getconfig i18n django_tables2 static %}

{% block content %}
    <div class="card bg-light shadow">
        <div class="card-header text-center">
            <h4>{% trans "Team" %} {{ team.name }}</h4>
        </div>
        <div class="card-body">
            <dl class="row">
                <dt class="col-xl-6 text-right">{% trans 'name'|capfirst %}</dt>
                <dd class="col-xl-6">{{ team.name }}</dd>

                <dt class="col-xl-6 text-right">{% trans 'trigram'|capfirst %}</dt>
                <dd class="col-xl-6">{{ team.trigram }}</dd>

                <dt class="col-xl-6 text-right">{% trans 'access code'|capfirst %}</dt>
                <dd class="col-xl-6">{{ team.access_code }}</dd>

                <dt class="col-xl-6 text-right">{% trans 'tournament'|capfirst %}</dt>
                <dd class="col-xl-6"><a href="{% url "tournament:detail" pk=team.tournament.pk %}">{{ team.tournament }}</a></dd>

                <dt class="col-xl-6 text-right">{% trans 'coachs'|capfirst %}</dt>
                <dd class="col-xl-6">{% autoescape off %}{{ team.linked_encadrants|join:", " }}{% endautoescape %}</dd>

                <dt class="col-xl-6 text-right">{% trans 'participants'|capfirst %}</dt>
                <dd class="col-xl-6">{% autoescape off %}{{ team.linked_participants|join:", " }}{% endautoescape %}</dd>

                <dt class="col-xl-6 text-right">{% trans 'validation status'|capfirst %}</dt>
                <dd class="col-xl-6">{{ team.get_validation_status_display }}</dd>
            </dl>
        </div>

        {% if user.admin or user in team.tournament.organizers.all or team == user.team %}
            <div class="card-footer text-center">
                {% if team.invalid or user.organizes %}
                    <a href="{% url "tournament:team_update" pk=team.pk %}"><button class="btn btn-secondary">{% trans "Edit team" %}</button></a>
                {% endif %}
                {% if team.invalid %}
                    <form method="post">
                        {% csrf_token %}
                        {% if user.admin %}
                            <button name="delete" class="btn btn-danger">{% trans "Delete team" %}</button>
                        {% elif team == user.team %}
                            <button name="leave" class="btn btn-danger">{% trans "Leave this team" %}</button>
                        {% endif %}
                    </form>
                {% endif %}
            </div>
        {% endif %}
    </div>

    {% if user.participates and team.invalid %}
        <hr>
        {% if team.can_validate %}
            <form method="post">
                {% csrf_token %}
                <label for="engage">Je m'engage à participer à l'intégralité du TFJM²*</label>
                <input type="checkbox" name="engage" id="engage" required/>
                <div class="alert alert-warning">
                    <strong>Attention !</strong> Une fois votre équipe validée, vous ne pourrez plus modifier le nom
                    de l'équipe, le trigramme ou la composition de l'équipe.
                </div>
                <input class="btn btn-success btn-block" type="submit" name="request_validation"
                       value="Demander la validation"/>
            </form>
        {% else %}
            <div class="alert alert-warning">
                Pour demander à valider votre équipe, vous devez avoir au moins un encadrant, quatre participants
                et soumis une autorisation de droit à l'image, une fiche sanitaire et une autorisation
                parentale (si besoin) par participant, ainsi qu'une lettre de motivation à transmettre aux organisateurs.
                Les encadrants doivent également fournir une autorisation de droit à l'image.
            </div>
        {% endif %}
        <hr>
        <div class="alert alert-danger">
            En raison du changement de format du TFJM² 2020, il n'y a plus de document obligatoire à envoyer. Les autorisations
            précédemment envoyées ont été détruites. Seules les lettres de motivation ont été conservées, mais leur envoi
            n'est plus obligatoire.
        </div>
    {% endif %}

    {% if team.waiting %}
        <hr>
        <div class="alert alert-warning">
        {% trans "The team is waiting about validation." %}
        </div>

        {% if user.admin %}
            <form method="POST">
                {% csrf_token %}
                <div class="form-group row">
                    <label for="message">{% trans "Message addressed to the team:" %}</label>
                    <textarea class="form-control" id="message" name="message" placeholder="{% trans "Message..." %}"></textarea>
                </div>

                <div class="form-group">
                    <div class="btn-group btn-block">
                        <button class="btn btn-danger" name="invalidate">{% trans "Invalidate team" %}</button>
                        <button class="btn btn-success" name="validate">{% trans "Validate team" %}</button>
                    </div>
                </div>
            </form>
        {% endif %}
    {% endif %}

    <hr>

    <h4>{% trans "Documents" %}</h4>

    {% if team.motivation_letters.count %}
        <div class="alert alert-info">
            <strong>{% blocktrans %}Motivation letter:{% endblocktrans %}</strong>
            <a data-turbolinks="false" href="{% url "document" file=team.motivation_letters.last.file %}">{% trans "Download" %}</a>
        </div>
    {% endif %}

    {% if team.solutions.count %}
        <div class="alert alert-info">
            <ul>
                {% for solution in team.solutions.all %}
                    <li><strong>{{ solution }} :</strong> <a data-turbolinks="false" href="{% url "document" file=solution.file %}">{% trans "Download" %}</a></li>
                {% endfor %}
            </ul>
        </div>
        <div class="text-center">
            <form method="post">
                {% csrf_token %}
                <button class="btn btn-success" name="zip">{% trans "Download solutions as ZIP" %}</button>
            </form>
        </div>
    {% endif %}
{% endblock %}