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

{% block title %}Podszyj się{% endblock %}

{% block body %}
    <h1>Podszyj się pod drużynę</h1>
    <p class="hint">
        Lista pokazuje drużyny, które same wskazały siebie na stronie wyboru drużyny — tylko one
        faktycznie korzystają z aplikacji. Od ostatnio widzianych.
        {% if impersonatedEntry is not null %}
            Teraz podszywasz się pod <strong>{{ impersonatedEntry.teamName }}</strong> (ID {{ impersonatedEntry.id }}).
        {% endif %}
    </p>

    {% if candidates is empty %}
        <p class="hint">
            Jeszcze nikt nie wskazał swojej drużyny — lista wypełni się, gdy ktoś wejdzie do
            aplikacji i wybierze siebie.
        </p>
    {% else %}
        {# Wyszukiwarka zawezajaca liste dziala w przegladarce (js/list-filter.js).
           Bez skryptu pole jest ukryte, a cala lista i tak widoczna. #}
        <div class="list-filter" data-list-filter="impersonate" hidden>
            <input type="search" class="form-control" placeholder="Szukaj w liście…" aria-label="Szukaj w liście drużyn">
        </div>

        <div class="picklist" data-list-filter-target="impersonate">
            {% for candidate in candidates %}
                <div class="picklist__row" data-filter-text="{{ candidate.teamName|lower }} {{ candidate.managerName|lower }} {{ candidate.id }}">
                    <span class="picklist__name">{{ candidate.teamName }}</span>
                    <span class="picklist__meta">
                        {% if candidate.managerName is not empty %}{{ candidate.managerName }} &middot;{% endif %}
                        ID {{ candidate.id }} &middot;
                        {{ candidate.matchCount }} {{ candidate.matchCount == 1 ? 'mecz' : (candidate.matchCount in [2, 3, 4] ? 'mecze' : 'meczów') }} &middot;
                        {{ candidate.lastChosenAt|date('Y-m-d H:i') }}
                    </span>
                    <form method="post" action="{{ path('impersonate_choose', {entryId: candidate.id}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('submit') }}">
                        <button type="submit" class="button btn">Podszyj się</button>
                    </form>
                </div>
            {% endfor %}
        </div>

        <p class="hint list-filter__empty" data-list-filter-empty="impersonate" hidden>
            Żadna drużyna z listy nie pasuje.
        </p>
    {% endif %}
{% endblock %}