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

{# Kolumna wartosci trzyma sie tej samej reguly co tabela skladu: przerywane
   pudelko znaczy "jeszcze nie gral", przygaszone zero "nie gral", a zwykle zero
   "gral i nie dal zadnej przewagi". Bez tego zawodnik, ktorego mecz jeszcze sie
   nie zaczal, wygladal tu jak ktos, kto zawiodl. #}
<div class="buckets row row-cols-1 row-cols-md-2">
    {# Karta w osobnej kolumnie: Bootstrap wklada odstep jako wypelnienie
       dziecka wiersza, wiec gdy dzieckiem jest sama karta z tlem, odstep wpada
       pod to tlo i karty sie stykaja. #}
    <div class="col">
    <div class="bucket bucket--mine">
        <h3>Różnice &mdash; {{ mineLabel }} <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.mineWeight }}x&ndash;{{ row.opponentWeight }}x</span></td>
                    <td class="num"><span class="edge">+{{ row.edge }}</span></td>
                    <td class="num">{{ chip.playerValue(row.net, row.minutes, live) }}</td>
                </tr>
            {% else %}
                <tr><td class="hint">Brak.</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    </div>

    <div class="col">
    <div class="bucket bucket--opponent">
        <h3>Różnice &mdash; {{ opponentLabel }} <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.mineWeight }}x&ndash;{{ row.opponentWeight }}x</span></td>
                    <td class="num"><span class="edge">+{{ -row.edge }}</span></td>
                    <td class="num">{{ chip.playerValue(-row.net, row.minutes, live) }}</td>
                </tr>
            {% else %}
                <tr><td class="hint">Brak.</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
</div>