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

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

{% block page_actions %}
    <a href="{{ path('app_admin_manager_new', {slug: competition.slug}) }}" class="btn btn-primary">Dodaj uczestnika</a>
{% endblock %}

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

    <div class="card">
        <div class="table-responsive">
            <table class="table table-vcenter card-table">
                <thead>
                <tr>
                    <th>Uczestnik</th>
                    <th>Drużyna UEFA</th>
                    <th>Klub</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                {% for manager in managers %}
                    <tr>
                        <td>{{ manager.name }}</td>
                        <td>{{ manager.uefaTeamName }}</td>
                        <td>{{ manager.club ? manager.club.name : '—' }}</td>
                        <td class="text-end">
                            <a class="btn btn-sm"
                               href="{{ path('app_admin_manager_edit', {slug: competition.slug, id: manager.id}) }}">Edytuj</a>
                            <form method="post" class="d-inline"
                                  action="{{ path('app_admin_manager_delete', {slug: competition.slug, id: manager.id}) }}"
                                  onsubmit="return confirm('Usunąć uczestnika {{ manager.name }}?');">
                                <input type="hidden" name="_token" value="{{ csrf_token('delete-manager-' ~ manager.id) }}">
                                <button class="btn btn-sm btn-ghost-danger">Usuń</button>
                            </form>
                        </td>
                    </tr>
                {% else %}
                    <tr><td class="text-secondary">Brak uczestników.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}