{% extends "torneios/base.html" %}
{% load static %}

{% block head %}
 <link rel="stylesheet" href="{% static 'partida.css' %}">
{% endblock %}
{% block contents %}
    {{ block.super }}
{%if torneio.inscricoes_aprovadas.count < 2 %}
<p>Ainda não existem pelo menos dois participantes homologados</p>
{%else%}
<div class="contextnav" style="background-color:#4682B4;flex;margin-top:12px" id="barraNavegacaoContexto">
{% if torneio.partidas.count > 0 %}
    {%if edit_mode %}
        {% if perms.torneio.can_change_partida or perms.torneio.can_definir_numero_time or perms.torneio.can_definir_resultado_partida %}
    <a href="{% url 'torneio:matches' torneio.id %}">Modo simples</a>
        {% endif %}
    {% else %}
        {% if perms.torneio.can_change_partida %}
    <a href="{% url 'torneio:edit-bracket' torneio.id %}">Alterar chaveamento</a>
        {% endif %}
        {% if perms.torneio.can_definir_numero_time %}
    <a href="{% url 'torneio:assign-team-number' torneio.id %}">Definir times manualmente</a>
        {% endif %}
        {% if perms.torneio.can_definir_resultado_partida %}
    <a href="{% url 'torneio:edit-match-results' torneio.id %}">Definir resultados</a>
        {% endif %}
    {% endif %}
    <a href="{% url 'torneio:show' torneio.id %}" >Modo chave</a>
{% else %}
    {% if perms.torneio.can_create_partida %}
    <a href="{% url 'torneio:generate-bracket-knockout' torneio.id %}">Gerar chaveamento Mata-Mata</a>
    {% endif %}
{% endif %}
</div>

<h1>{{ torneio.nome }}</h1>
{{ torneio.esporte.nome }}  {{ torneio.naipe }} / {{ torneio.edicao }}

{% if edit_mode == 'team_assignment' and perms.torneio.can_definir_numero_time %}
<h2>Definição {%if torneio.individual %}dos participantes{%elif torneio.em_duplas%}das duplas{%else%}dos times{%endif%} no chaveamento</h2>
{% elif edit_mode == 'bracket' and perms.torneio.can_change_partida %}
<h2>Modificação no chaveamento</h2>
{% elif edit_mode == 'results' and perms.torneio.can_definir_resultado_partida %}
<h2>Declaração dos resultados</h2>
{% else %}
<h2>Partidas</h2>
{% endif %}
{% if user.is_authenticated %}
    <div class="admin">
    {% if not partidas or partidas.count <= 0 %}
        {% if torneio.inscricoes_aprovadas.count < torneio.times_minimo %}
            Não atingiu a quantidade mínima de times ({{ torneio.times_minimo }})
        {% elif torneio.inscricoes_aprovadas.count > torneio.times_maximo %}
            Ultrapassou a quantidade máxima de times ({{ torneio.times_maximo }})
        {% endif %}

        {% if torneio.inscricoes_aprovadas.count >= 2 %}
            <p><a href="{% url 'torneio:generate-bracket-knockout' torneio.id %}">Gerar chaveamento de eliminatórias</a> para {{ torneio.inscricoes_aprovadas.count }} times homologados ({{torneio.inscricoes_aprovadas.count|add:"-1"}} partidas).</p>
        {% endif %}
    {% endif %}
    </div>
{% endif %}
{% if partidas and partidas.count > 0 %}
    {% if  perms.torneio.can_definir_numero_time and torneio.times_sem_numero.count != 0 %}
    <p>Ainda há participantes sem número no chaveamento: {{ torneio.times_sem_numero | dictsort:'nome' | join:', ' }}</p>
    {% endif %}
    {% for k,g in partidas_hierarquia.items %}
    <h3 style="display:block">
        {% if k == 0 %}Final
        {%elif k == 1 %}
            {% if g|length == 2 %}Semifinais{%else%}Fase classificatória{%endif%}
        {%elif k == 2 %}
            {% if g|length == 4 %}Quartas de final{%else%}Fase classificatória{%endif%}
        {%elif k == 3 %}
            {% if g|length == 8 %}Oitavas de final{%else%}Fase classificatória{%endif%}
        {%elif k == 4 %}
            {% if g|length == 16 %}Fase 16 avos{%else%}Fase classificatória{%endif%}
        {%else%}
            Fase classificatória
        {%endif%}</h3>
    <div style="display:flex;flex-wrap: wrap">
        {% for partida in g %}
{% if edit_mode and perms.torneio.can_change_partida %}
        <div class="partida" style="margin: 5px;width:230px;">
{% else %}
        <div class="partida" style="margin: 5px">
{% endif %}
            <p class="cabeca">Partida #{{partida.numero}}</p>
            <div style="display:flex; flex-direction:row;align-items:center">
{% if edit_mode == "bracket" and perms.torneio.can_change_partida %}
                <div>
    {% if partida.numero != g.0.numero %}
                    <form action="{% url 'torneio:swap-one-team-between-matches' torneio_id=torneio.id %}" method="post">
                        {% csrf_token %}
                        <input type="hidden" name="indice" value="1">
                        <input type="hidden" name="partida1" value="{{ partida.numero }}">
                        <input type="hidden" name="partida2" value="{{ partida.numero|add:'-1' }}">
                        <input type="submit" value="↔" title="Permutar '{{ partida.rotulo_time1 }}' com {%if torneio.individual %}o participante{%elif torneio.em_duplas %}a dupla{% else %}o time{% endif %} da mesma posição na partida #{{ partida.numero|add:'-1' }}">
                    </form>
    {% endif %}
                    <form action="{% url 'torneio:swap-match-teams' torneio_id=torneio.id partida_num=partida.numero %}" method="POST">
                        {% csrf_token %}
                        <input type="submit" value="↕" title="Permutar {{ partida.rotulo_time1 }} com {{ partida.rotulo_time2 }}">
                    </form>
    {% if partida.numero != g.0.numero %}
                    <form action="{% url 'torneio:swap-one-team-between-matches' torneio_id=torneio.id %}" method="post">
                        {% csrf_token %}
                        <input type="hidden" name="indice" value="2">
                        <input type="hidden" name="partida1" value="{{ partida.numero }}">
                        <input type="hidden" name="partida2" value="{{ partida.numero|add:'-1' }}">
                        <input type="submit" value="↔" title="Permutar '{{ partida.rotulo_time2 }}' com {%if torneio.individual %}o participante{%elif torneio.em_duplas %}a dupla{% else %}o time{% endif %} da mesma posição na partida #{{ partida.numero|add:'-1' }}">
                    </form>
    {% endif %}
                </div>
{% endif %}
                <div class="times {%if partida.finalizada%}{%if partida.vencedor == 1%}vitoria_time1{%elif partida.vencedor == 2%}vitoria_time2{%endif%}{%endif%}" style="flex:auto;width:100%">
{% if edit_mode == 'team_assignment' and perms.torneio.can_definir_numero_time and not partida.finalizada %}
    {% if partida.numero_time1 == 0 or torneio.times_sem_numero.count == 0 %}
                    <p class="time time1">{{ partida.rotulo_time1 }}</p>
    {% else %}
                    <form action="{% url 'torneio:assign-team-number' torneio.id %}" method="POST">
                        {% csrf_token %}
                        <select class="time" name="time_{{ partida.numero_time1}}">
                        {%with times_inscritos=torneio.inscricoes_aprovadas|dictsort:'nome' %}
                            {% for time in times_inscritos %}
                                {% if time.numero == 0 %}
                                <option value="{{ time.id }}">{{ time.nome }}</option>
                                {% elif time == partida.time1 %}
                                <option value="{{ time.id }}" selected="selected">{{ time.nome }}</option>
                                {% endif %}
                            {% endfor %}
                        {%endwith%}
                        </select>
                        {% if partida.time1 %}
                        <input type="hidden" name="time_anterior_{{ partida.numero_time1 }}" value="{{partida.time1.id}}">
                        {% endif %}
                        <input type="submit" value={%if partida.time1 %}"Alterar"{%else%}"Definir"{%endif%} style="float:right">
                    </form>
    {% endif %}
                    <hr class="x">
    {% if partida.numero_time2 == 0 or torneio.times_sem_numero.count == 0 %}
                    <p class="time time2">{{ partida.rotulo_time2 }}</p>
    {% else %}
                    <form action="{% url 'torneio:assign-team-number' torneio.id %}" method="POST">
                        {% csrf_token %}
                        <select class="time" name="time_{{ partida.numero_time2}}">
                        {%with times_inscritos=torneio.inscricoes_aprovadas|dictsort:'nome' %}
                            {% for time in times_inscritos %}
                                {% if time.numero == 0 %}
                                <option value="{{ time.id }}">{{ time.nome }}</option>
                                {% elif time == partida.time2 %}
                                <option value="{{ time.id }}" selected="selected">{{ time.nome }}</option>
                                {% endif %}
                            {% endfor %}
                        {%endwith%}
                        </select>
                        {% if partida.time2 %}
                        <input type="hidden" name="time_anterior_{{ partida.numero_time2 }}" value="{{partida.time2.id}}">
                        {% endif %}
                        <input type="submit" value={%if partida.time2 %}"Alterar"{%else%}"Definir"{%endif%} style="float:right">
                    </form>
    {% endif %}
{% else %}
                    <p class="time time1">{{ partida.rotulo_time1 }}{%if partida.finalizada%}<span class="resultado">{{partida.resultado_time1}}</span>{%endif%}</p>
                    <hr class="x">
                    <p class="time time2">{{ partida.rotulo_time2 }}{%if partida.finalizada%}<span class="resultado">{{partida.resultado_time2}}</span>{%endif%}</p>
{% endif %}
                </div>
{% if edit_mode == 'results' and perms.torneio.can_definir_resultado_partida %}
    {% if not partida.finalizada and not torneio.times_sem_numero %}
                <div style="flex-direction:column;flex:min-content">
                    <form action="{% url 'torneio:set-match-result' torneio_id=torneio.id partida_num=partida.numero %}" method="POST">
                        {% csrf_token %}
                        <input type="number" name="pontos_time1" value="0" title="Pontuação final do time {{ partida.rotulo_time1 }}" style="max-width:4em"/>
                        <input type="number" name="pontos_time2" value="0" title="Pontuação final do time {{ partida.rotulo_time2 }}" style="max-width:4em"/>
                        <!--<select class="time" name="vencedor">
                            <!--<option value="0">Empate</option>
                            <option value="1">{{ partida.rotulo_time1 }}</option>
                            <option value="2">{{ partida.rotulo_time2 }}</option>
                        </select>-->
                        <input type="submit" value="Definir">
                    </form>
                </div>
    {% endif %}
{% endif %}
            </div>
        </div>
        {% endfor %}
    </div>
    {% endfor %}
{% endif %}

{% endif %}
{% endblock %}