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

{% block title %}Kluby — {{ competition.name }}{% endblock %}
{% block page_pretitle %}{{ competition.name }}{% endblock %}
{% block page_title %}Kluby{% endblock %}

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

    <div class="row row-cards">
        <div class="col-lg-7">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Pula klubów ({{ competition.clubs|length }})</h3>
                    {% if competition.plannedClubCount %}
                        <div class="card-actions">
                            <span class="badge {{ clubsInPlay == competition.plannedClubCount ? 'bg-green-lt' : 'bg-orange-lt' }}">
                                w lidze: {{ clubsInPlay }} z {{ competition.plannedClubCount }}
                            </span>
                        </div>
                    {% endif %}
                </div>
                {% if competition.plannedClubCount %}
                    <div class="card-body py-2 text-secondary small border-bottom">
                        Uczestnicy losują z całej puli. Ligę utworzy
                        {{ competition.plannedClubCount }} klubów, które ktoś wybierze — reszta zostanie nieużyta.
                    </div>
                {% endif %}
                <div class="table-responsive">
                    <table class="table table-vcenter card-table">
                        <tbody>
                        {% for club in competition.clubs %}
                            <tr>
                                <td style="width: 3.5rem;">
                                    {% if club.logo %}
                                        <img src="{{ asset('images/clubs/' ~ club.logo) }}" alt=""
                                             style="height: 2.5rem; object-fit: contain;">
                                    {% endif %}
                                </td>
                                <td>{{ club.name }}</td>
                                <td class="text-secondary">
                                    {% for manager in club.managers %}{{ manager.name }}{% if not loop.last %}, {% endif %}{% else %}—{% endfor %}
                                </td>
                                <td class="text-end">
                                    <a class="btn btn-sm"
                                       href="{{ path('app_admin_club_edit', {slug: competition.slug, id: club.id}) }}">Edytuj</a>
                                </td>
                            </tr>
                        {% else %}
                            <tr><td class="text-secondary">Brak klubów.</td></tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-5">
            <div class="card">
                <div class="card-header"><h3 class="card-title">Dodaj kluby</h3></div>
                <div class="card-body">
                    <form method="post" class="mb-3"
                          action="{{ path('app_admin_clubs_from_catalogue', {slug: competition.slug}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('clubs-from-catalogue') }}">
                        <button class="btn btn-primary w-100">Wstaw skład Ligi Mistrzów {{ catalogueSeason }}</button>
                        <div class="form-hint mt-1">36 klubów bieżącej edycji. Herby podłączą się same, jeśli były już kiedyś pobrane.</div>
                    </form>

                    <form method="post" class="mb-3"
                          action="{{ path('app_admin_clubs_logos', {slug: competition.slug}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('clubs-logos') }}">
                        <button class="btn w-100" {{ competition.clubs|length ? '' : 'disabled' }}>Pobierz herby z UEFA</button>
                        <div class="form-hint mt-1">Ściąga herby do <code>public/images/clubs</code>. Wymaga dostępu do img.uefa.com.</div>
                    </form>

                    <hr>

                    {{ form_start(form) }}
                    {{ form_widget(form) }}
                    <button type="submit" class="btn btn-primary mt-3">Dodaj</button>
                    {{ form_end(form) }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}