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

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

{% block body %}
    <h1>Nowy mecz</h1>

    {% if isAdmin %}
        <p class="hint">
            {% if mySquad is not null %}
                Twoja czwórka: <strong>{{ mySquad.name }}</strong>
                ({% for entry in mySquad.entries %}{{ entry.teamName }}{% if not loop.last %}, {% endif %}{% endfor %}).
            {% else %}
                Nie masz jeszcze skonfigurowanej stałej czwórki — mecze 4x4 będą niedostępne,
                dopóki jej nie ustawisz w ustawieniach.
            {% endif %}
            Podaj numer kolejki, format meczu oraz ID albo nazwę każdej z drużyn po obu stronach.
            Jeśli nazwa pasuje do więcej niż jednej drużyny, formularz pokaże listę do wyboru numeru.
        </p>

        <p class="hint">
            Wypełnij tyle pól, ile wymaga wybrany format: jedno w pojedynku, dwa w Deblu,
            trzy w trójkach, cztery w 4x4. W 4x4 moja strona bierze się ze stałej czwórki,
            więc pól „Moja drużyna" nie wypełniasz. Pojedynki dotyczą wyłącznie trójek.
            Nazwy stron są nieobowiązkowe — biorą się z drużyn po danej stronie: jedna drużyna
            daje po prostu swoją nazwę, więcej — nazwy połączone znakiem „+".
        </p>

        {{ form_start(form) }}
        {{ form_errors(form) }}
        <div class="form-grid row">
            {{ form_row(form.gameweek, {'attr': {'class': 'form-control'}}) }}
            {{ form_row(form.format, {'attr': {'class': 'form-select'}}) }}
            {{ form_row(form.leagueName, {'attr': {'class': 'form-control'}}) }}
        </div>

        {# Klasa Bootstrapa dochodzi obok atrybutu wlasnego podpowiadania z FixtureFormType —
           form_row podmienia caly attr, wiec atrybut trzeba tu powtorzyc, inaczej
           podpowiedzi (public/js/team-autocomplete.js) znikna z pol druzyn. #}
        <h2>Moja strona</h2>
        <div class="form-grid row">
            {{ form_row(form.myName, {'attr': {'class': 'form-control'}}) }}
            {{ form_row(form.my1, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
            {{ form_row(form.my2, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
            {{ form_row(form.my3, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
            {{ form_row(form.my4, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
        </div>

        <h2>Strona rywala</h2>
        <div class="form-grid row">
            {{ form_row(form.opponentName, {'attr': {'class': 'form-control'}}) }}
            {{ form_row(form.opponent1, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
            {{ form_row(form.opponent2, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
            {{ form_row(form.opponent3, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
            {{ form_row(form.opponent4, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
        </div>

        <h2>Pojedynki</h2>
        <div class="form-grid row">
            {{ form_row(form.pair1, {'attr': {'class': 'form-select'}}) }}
            {{ form_row(form.pair2, {'attr': {'class': 'form-select'}}) }}
            {{ form_row(form.pair3, {'attr': {'class': 'form-select'}}) }}
        </div>

        <button type="submit" class="button btn">Dodaj mecz</button>
        {{ form_end(form) }}
    {% else %}
        <p class="hint">
            {% if viewerEntry is not null %}
                Twoja drużyna: <strong>{{ viewerEntry.teamName }}</strong> — stoi po Twojej stronie zawsze,
                więc nie wpisujesz jej nigdzie w formularzu.
            {% else %}
                Najpierw <a href="{{ path('identity_select') }}">wskaż swoją drużynę</a>, żeby dodać mecz.
            {% endif %}
        </p>

        <p class="hint">
            Podaj numer kolejki, format meczu i rywala. W Deblu dodaj też partnera i drugiego
            rywala — obie strony poznasz po numerze FPL albo nazwie z katalogu; jeśli nazwa
            pasuje do więcej niż jednej drużyny, formularz pokaże listę do wyboru numeru.
            Nazwa Twojej strony jest wyprowadzana z drużyn: sama daje swoją nazwę, z partnerem —
            obie nazwy połączone znakiem „+".
        </p>

        {{ form_start(form) }}
        {{ form_errors(form) }}
        {# Pola Debla znikaja przy Pojedynku — robi to skrypt js/simple-fixture-form.js
           po atrybucie ponizej. Bez skryptu widac wszystkie i nadmiarowe wypelnione
           pole odrzuca kontroler, wiec formularz dziala tak czy inaczej. #}
        <div class="form-grid row" data-simple-fixture-form>
            {{ form_row(form.gameweek, {'attr': {'class': 'form-control'}}) }}
            {{ form_row(form.format, {'attr': {'class': 'form-select', 'data-format-select': ''}}) }}
            {{ form_row(form.leagueName, {'attr': {'class': 'form-control'}}) }}
            <div data-only-for="duo">
                {{ form_row(form.partner, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
            </div>
            {{ form_row(form.opponent1, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
            <div data-only-for="duo">
                {{ form_row(form.opponent2, {'attr': {'class': 'form-control', 'data-entry-autocomplete': ''}}) }}
            </div>
        </div>

        <button type="submit" class="button btn">Dodaj mecz</button>
        {{ form_end(form) }}
    {% endif %}
{% endblock %}