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

{% block title %}Nowy mecz{% endblock %}

{% block body %}
    <h1>Nowy mecz</h1>
    <p class="hint">
        Twoja czworka: <strong>{{ mySquad.name }}</strong>
        ({% for entry in mySquad.entries %}{{ entry.teamName }}{% if not loop.last %}, {% endif %}{% endfor %}).
        Podaj numer kolejki oraz numer albo nazwe kazdej z czterech druzyn rywala.
        Jesli nazwa pasuje do wiecej niz jednej druzyny, formularz pokaze liste do wyboru numeru.
    </p>

    {{ form_start(form) }}
    {{ form_errors(form) }}
    <div class="form-grid">
        {{ form_row(form.gameweek) }}
        {{ form_row(form.opponentName) }}
        {{ form_row(form.entry1) }}
        {{ form_row(form.entry2) }}
        {{ form_row(form.entry3) }}
        {{ form_row(form.entry4) }}
    </div>
    <button type="submit" class="button">Dodaj mecz</button>
    {{ form_end(form) }}

    {# Natywne podpowiedzi przegladarki bez JavaScriptu — aplikacja celowo go nie uzywa.
       Ograniczone do ostatnio zsynchronizowanych druzyn (patrz FixtureController), zeby
       przy duzym katalogu nie wysylac calej listy do przegladarki. #}
    <datalist id="fpl-entry-suggestions">
        {% for entry in entrySuggestions %}
            <option value="{{ entry.teamName }}">{{ entry.teamName }} (ID {{ entry.id }})</option>
        {% endfor %}
    </datalist>
{% endblock %}