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

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

{% block title %}Kolejka {{ fixture.gameweek.id }}{% endblock %}

{% block body %}
    <h1>Kolejka {{ fixture.gameweek.id }}</h1>

    <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;
            {% if fixture.gameweek.dataChecked %}
                <span class="badge">wynik ostateczny</span>
            {% elseif fixture.gameweek.finished %}
                <span class="badge">kolejka zakonczona, trwa naliczanie bonusow</span>
            {% else %}
                <span class="badge">kolejka w toku</span>
            {% endif %}
        </p>

        {% if view.syncFailed %}
            <p class="stale">FPL API nie odpowiedzialo &mdash; pokazuje ostatnie zapisane dane.</p>
        {% endif %}
        <p class="freshness">
            {% if syncedMinutesAgo is not null %}
                <span class="stale">Dane sprzed {{ syncedMinutesAgo }} min.</span>
            {% elseif not view.hasAnyData %}
                <span class="stale">Brak danych z FPL &mdash; kolejka jeszcze sie nie rozpoczela.</span>
            {% endif %}
            <a class="refresh" href="{{ path('fixture_show', {'gameweek': fixture.gameweek.id, 'odswiez': 1}) }}">Odswiez</a>
        </p>
    </div>

    {% include 'fixture/_standings.html.twig' %}
    {% include 'fixture/_differentials.html.twig' with {'report': view.differentials} %}
    {% include 'fixture/_picks.html.twig' %}
{% endblock %}