{% import 'fixture/_chip.html.twig' as pick_row %}
<h2>Sklady</h2>

{% for side, squad in {'mine': fixture.mySquad, 'opponent': fixture.opponentSquad} %}
    <p class="squads__label side--{{ side }}">{{ squad.name }}</p>

    <div class="squads">
        {% for entry in squad.entries %}
            {% set snapshot = view.snapshotFor(entry.id) %}
            {% set live = not fixture.gameweek.finished %}
            {% set waitingCount = live and snapshot and snapshot.hasData
                ? snapshot.startingPicks|filter(p => p.minutes == 0 and p.rawPoints == 0)|length
                : 0 %}
            <details class="squad-picks side--{{ side }}" open>
                <summary>
                    <span class="squad-picks__name">{{ entry.teamName }}</span>
                    {% if waitingCount > 0 %}<span class="waiting-count">{{ waitingCount }} do gry</span>{% endif %}
                    <span class="squad-picks__total">{{ snapshot and snapshot.hasData ? snapshot.netPoints : '—' }}</span>
                </summary>

                {% if snapshot and snapshot.hasData %}
                    <table>
                        <tbody>
                        {% for pick in snapshot.startingPicks %}
                            {{ pick_row.row(pick, live) }}
                        {% endfor %}
                        </tbody>
                    </table>

                    {# Przy chipie z grajaca lawka wszystkie pietnascie pozycji ma mnoznik
                       wiekszy od zera, wiec ta lista jest pusta i blok w ogole sie nie pojawia. #}
                    {% if snapshot.benchPicks is not empty %}
                        <div class="benchblock">
                            <p class="benchblock__label">Lawka</p>
                            <table>
                                <tbody>
                                {% for pick in snapshot.benchPicks %}
                                    {{ pick_row.row(pick, live) }}
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endif %}
                {% else %}
                    <p class="hint">Brak danych z FPL.</p>
                {% endif %}
            </details>
        {% endfor %}
    </div>
{% endfor %}