{% 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">{{ fixture.mySquad.name }} {{ result.myPoints|number_format(1, ',', ' ') }}</span>
            <span>:</span>
            <span class="opponent">{{ result.opponentPoints|number_format(1, ',', ' ') }} {{ fixture.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>

        <p class="hint">
            {{ result.outcome.label }}
            {% if result.margin != 0 %}({{ result.margin > 0 ? '+' : '' }}{{ result.margin|number_format(1, ',', ' ') }}){% endif %}
            &middot; {{ format.scoreLabel }}
            &middot;
            {% 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>
            {% else %}
                <span class="badge">kolejka w toku</span>
            {% endif %}
        </p>

        {% if view.syncFailed %}
            <p class="stale">FPL API nie odpowiedziało &mdash; pokazuje ostatnie zapisane dane.</p>
        {% endif %}
        {% if not view.hasAnyData %}
            <p class="stale">Brak danych z FPL &mdash; kolejka jeszcze się nie rozpoczęła.</p>
        {% endif %}
    </div>

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

    {% include 'fixture/_standings.html.twig' with {'view': view, 'format': format} only %}
    {% include 'fixture/_differentials.html.twig' with {'report': view.differentials, 'fixture': fixture} only %}
    {% include 'fixture/_picks.html.twig' with {'view': view, 'fixture': fixture} only %}
</section>