{% extends 'base.html.twig' %}

{% block title %}{{ competition.name }}{% endblock %}
{% block page_pretitle %}{{ competition.season }} · {{ competition.mode.label }}{% endblock %}
{% block page_title %}{{ competition.name }}{% endblock %}

{% block page_content %}
    {% include 'admin/_partial/nav.html.twig' with {active: 'overview'} %}

    <div class="row row-cards">
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <div class="subheader">Kluby</div>
                    <div class="h1 mb-0">{{ competition.clubs|length }} / 36</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <div class="subheader">Uczestnicy</div>
                    <div class="h1 mb-0">{{ managerCount }}</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <div class="subheader">Bieżąca kolejka</div>
                    <div class="h1 mb-0">{{ competition.currentRoundNumber }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card mt-3">
        <div class="card-header"><h3 class="card-title">Kolejki</h3></div>
        <div class="table-responsive">
            <table class="table table-vcenter card-table">
                <thead>
                <tr>
                    <th>Nr</th>
                    <th>Etap</th>
                    <th>Mecze</th>
                    <th>Status</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                {% for round in competition.rounds %}
                    {# zamknieta / w toku (biezaca) / jeszcze nie ruszyla; publikacja to osobna informacja #}
                    {% set started = round.closed or round.number <= competition.currentRoundNumber %}
                    <tr{{ not started ? ' class="text-secondary"' : '' }}>
                        <td>{{ round.number }}</td>
                        <td>{{ round.stage.label }}</td>
                        <td>{{ round.fixtures|length }}</td>
                        <td>
                            {% if round.closed %}
                                <span class="badge bg-green-lt">zamknięta</span>
                            {% elseif started %}
                                <span class="badge bg-blue-lt">w toku</span>
                            {% else %}
                                <span class="badge bg-secondary-lt">jeszcze nie ruszyła</span>
                            {% endif %}
                            {% if round.published %}
                                <span class="badge bg-azure-lt">wyniki opublikowane</span>
                            {% endif %}
                        </td>
                        <td class="text-end">
                            {% if round.closed %}
                                <a class="btn btn-sm"
                                   href="{{ path('app_admin_round', {slug: competition.slug, number: round.number}) }}">Popraw wyniki</a>
                            {% elseif started or round.published %}
                                <a class="btn btn-sm btn-primary"
                                   href="{{ path('app_admin_round', {slug: competition.slug, number: round.number}) }}">Wprowadź wyniki</a>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <div class="card mt-4 border-danger">
        <div class="card-header">
            <h3 class="card-title text-danger">Usuń rozgrywki</h3>
        </div>
        <div class="card-body">
            <p class="text-secondary">
                Skasuje bezpowrotnie kluby, uczestników, terminarz, wyniki, tabelę i kody tej edycji.
                Pozostałe rozgrywki zostają nietknięte.
            </p>

            <form method="post" action="{{ path('app_admin_competition_delete', {slug: competition.slug}) }}"
                  onsubmit="return confirm('Na pewno usunąć rozgrywki {{ competition.name }} wraz ze wszystkimi danymi?');">
                <input type="hidden" name="_token" value="{{ csrf_token('delete-competition-' ~ competition.slug) }}">

                <label class="form-label" for="confirm">Przepisz nazwę rozgrywek, żeby potwierdzić</label>
                <div class="row g-2">
                    <div class="col-auto">
                        <input type="text" id="confirm" name="confirm" class="form-control"
                               placeholder="{{ competition.name }}" autocomplete="off" style="min-width: 18rem;">
                    </div>
                    <div class="col-auto">
                        <button class="btn btn-danger">Usuń rozgrywki</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
{% endblock %}