{% import 'fixture/_chip.html.twig' as chip %}
<h2>Roznice w skladach</h2>

<div class="panel">
    <p class="scoreline">
        <span class="mine">{{ report.mineEdgeCount }}</span>
        <span>:</span>
        <span class="opponent">{{ report.opponentEdgeCount }}</span>
    </p>
    <p class="hint">
        Przewaga liczona w druzynach: o ile wiecej druzyn danej strony wystawilo zawodnika.
        Zawodnik wystawiony tyle samo razy po obu stronach nie tworzy przewagi i nie jest tu pokazywany.
        Punktowo daje to {{ report.netSwing > 0 ? '+' : '' }}{{ report.netSwing }} pkt.
    </p>
</div>

<div class="buckets">
    <div class="bucket bucket--mine">
        <h3>Roznice &mdash; {{ fixture.mySquad.name }} <span class="bucket__meta">{{ report.mineEdge|length }} zaw., {{ report.minePoints }} pkt</span></h3>
        <table>
            <tbody>
            {% for row in report.mineEdge %}
                <tr>
                    <td>{{ row.element.webName }} <span class="club">{{ row.element.plTeam.shortName }}</span></td>
                    <td class="num"><span class="ratio">{{ row.mineStartedBy }}&ndash;{{ row.opponentStartedBy }}</span></td>
                    <td class="num"><span class="edge">+{{ row.edge }}</span></td>
                    <td class="num">{{ chip.pts(row.net) }}</td>
                </tr>
            {% else %}
                <tr><td class="hint">Brak.</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>

    <div class="bucket bucket--opponent">
        <h3>Roznice &mdash; {{ fixture.opponentSquad.name }} <span class="bucket__meta">{{ report.opponentEdge|length }} zaw., {{ report.opponentPoints }} pkt</span></h3>
        <table>
            <tbody>
            {% for row in report.opponentEdge %}
                <tr>
                    <td>{{ row.element.webName }} <span class="club">{{ row.element.plTeam.shortName }}</span></td>
                    <td class="num"><span class="ratio">{{ row.mineStartedBy }}&ndash;{{ row.opponentStartedBy }}</span></td>
                    <td class="num"><span class="edge">+{{ -row.edge }}</span></td>
                    <td class="num">{{ chip.pts(-row.net) }}</td>
                </tr>
            {% else %}
                <tr><td class="hint">Brak.</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>