{% set result = view.result %}
{% set format = fixture.format %}

<section class="match">
    <h2 class="match__title">
        {% if fixture.leagueName %}
            <span class="match__title-name">{{ fixture.leagueName }}</span>
            <span class="match__title-format">{{ format.label }}</span>
        {% else %}
            {{ format.label }}
        {% endif %}
    </h2>

    <div class="panel">
        <p class="scoreline">
            <span class="mine">{{ view.mySquad.name }} {{ result.myPoints|number_format(1, ',', ' ') }}</span>
            <span>:</span>
            <span class="opponent">{{ result.opponentPoints|number_format(1, ',', ' ') }} {{ view.opponentSquad.name }}</span>
        </p>
        {% set total = result.myPoints + result.opponentPoints %}
        <div class="spine" aria-hidden="true">
            <div class="spine__mine" style="flex: {{ total > 0 ? result.myPoints : 1 }}"></div>
            <div class="spine__opponent" style="flex: {{ total > 0 ? result.opponentPoints : 1 }}"></div>
        </div>

        {# Przed pierwszym gwizdkiem nie ma wyniku, wiec nie ma tez czego
           rozstrzygac: "Remis" i "kolejka w toku" przy zerach wprowadzalyby w
           blad. Zostaje sam stan kolejki. #}
        <p class="hint">
            {% if view.hasAnyData %}
                {{ result.outcome.label }}
                {% if result.margin != 0 %}({{ result.margin > 0 ? '+' : '' }}{{ result.margin|number_format(1, ',', ' ') }}){% endif %}
                &middot; {{ format.scoreLabel }}
                &middot;
            {% endif %}
            {% if fixture.gameweek.dataChecked %}
                <span class="badge">wynik ostateczny</span>
            {% elseif fixture.gameweek.finished %}
                <span class="badge">kolejka zakończona, trwa naliczanie bonusów</span>
            {% elseif view.hasAnyData %}
                <span class="badge">kolejka w toku</span>
            {% else %}
                <span class="badge">kolejka jeszcze się nie rozpoczęła</span>
            {% endif %}
        </p>

        {% if view.syncFailed %}
            <p class="stale">FPL API nie odpowiedziało &mdash; pokazuje ostatnie zapisane dane.</p>
        {% endif %}
    </div>

    {% if format.usesDuels %}
        {% include 'fixture/_duels.html.twig' with {'result': result} only %}
    {% endif %}

    {# Tabela kolejki i roznice bez danych sa pustymi ramkami z zerami — przed
       startem kolejki tylko odsuwaja od tego, co naprawde warto zobaczyc. #}
    {% if view.hasAnyData %}
        {% include 'fixture/_standings.html.twig' with {'view': view, 'format': format} only %}

        {# Trojki graja sie parami: kazda moja druzyna ma przypisanego
           konkretnego rywala, wiec roznice zbiorcze calej trojki na cala
           trojke nie mowia nic o tym, z kim naprawde gram. Zamiast tego —
           osobny blok na kazdy pojedynek. Stary mecz trojek bez zapisanych
           par (sprzed tej funkcji) spada na zbiorcze roznice jak dawniej. #}
        {% if format.usesDuels and view.duels|length > 0 %}
            {% for duel in view.duels %}
                {% include 'fixture/_differentials.html.twig' with {
                    'report': view.duelDifferentialFor(duel.slot),
                    'mineLabel': duel.mine.teamName,
                    'opponentLabel': duel.opponent.teamName,
                    'title': 'Pojedynek ' ~ duel.slot ~ ': ' ~ duel.mine.teamName ~ ' vs ' ~ duel.opponent.teamName,
                    'live': not fixture.gameweek.finished,
                } only %}
            {% endfor %}
        {% else %}
            {% include 'fixture/_differentials.html.twig' with {
                'report': view.differentials,
                'mineLabel': view.mySquad.name,
                'opponentLabel': view.opponentSquad.name,
                'title': 'Różnice w składach',
                'live': not fixture.gameweek.finished,
            } only %}
        {% endif %}
    {% endif %}

    {% if view.hasAnyData %}
        {% include 'fixture/_picks.html.twig' with {'view': view, 'fixture': fixture, 'mySquad': view.mySquad, 'opponentSquad': view.opponentSquad} only %}
    {% elseif preview is not null %}
        {% include 'fixture/_upcoming_preview.html.twig' with {'preview': preview, 'fixture': fixture} only %}
    {% endif %}
</section>