{# Karta jednego meczu: klub, pod nim jego uczestnicy, wynik na środku.
   Ten sam wygląd na liście kolejki i na karcie klubu.

   Punkty przy uczestniku pokazujemy tylko w deblu — w trybie pojedynczym
   byłaby to dokładnie ta sama liczba co wynik klubu obok. #}
{% set played = playedRounds[fixture.round.id] ?? false %}
{% set homeWins = played and fixture.homePoints > fixture.awayPoints %}
{% set awayWins = played and fixture.awayPoints > fixture.homePoints %}

<div class="card">
    <div class="card-body p-3">
        {% if showRound|default(false) %}
            <div class="text-secondary small mb-2">{{ fixture.round.label }}</div>
        {% endif %}

        {# Telefon: kluby jeden pod drugim. W poziomie nie ma szans — pięć kolumn
           na 390 pikselach lamie nazwy w polowie slowa i nachodzi na herby. #}
        <div class="d-sm-none">
            {% for side in [
                {club: fixture.homeClub, points: fixture.homePoints, wins: homeWins},
                {club: fixture.awayClub, points: fixture.awayPoints, wins: awayWins}
            ] %}
                <div class="d-flex align-items-center gap-2 {{ loop.first ? 'mb-2' : '' }}">
                    {% if side.club.logo %}
                        <img class="fixture-crest-sm" alt="" src="{{ asset('images/clubs/' ~ side.club.logo) }}">
                    {% endif %}

                    <div class="flex-fill fixture-shrink">
                        <div class="{{ side.wins ? 'fw-bold' : '' }} text-truncate">{{ side.club.name }}</div>
                        {% for manager in side.club.managers %}
                            <div class="text-secondary small text-truncate">
                                {{ include('public/_manager_name.html.twig', {manager: manager, matchday: fixture.round.number}) }}
                                {%- if played and side.club.managers|length > 1 %}
                                    · <span class="fw-bold text-body">{{ points[fixture.round.id][manager.id] ?? 0 }}</span>
                                {%- endif %}
                            </div>
                        {% endfor %}
                    </div>

                    <div class="fs-2 text-nowrap {{ side.wins ? 'fw-bold' : 'text-secondary' }}">
                        {{ played ? side.points : '–' }}
                    </div>
                </div>
            {% endfor %}
        </div>

        <div class="row align-items-stretch g-3 flex-nowrap d-none d-sm-flex">
            <div class="col-auto d-flex">
                {% if fixture.homeClub.logo %}
                    <img class="fixture-crest" alt="" src="{{ asset('images/clubs/' ~ fixture.homeClub.logo) }}">
                {% endif %}
            </div>

            <div class="col text-end">
                <div class="{{ homeWins ? 'fw-bold' : '' }}">{{ fixture.homeClub.name }}</div>
                {% for manager in fixture.homeClub.managers %}
                    <div class="text-secondary small text-nowrap">
                        {{ include('public/_manager_name.html.twig', {manager: manager, matchday: fixture.round.number}) }}
                        {%- if played and fixture.homeClub.managers|length > 1 %}
                            · <span class="fw-bold text-body">{{ points[fixture.round.id][manager.id] ?? 0 }}</span>
                        {%- endif %}
                    </div>
                {% endfor %}
            </div>

            <div class="col-auto d-flex align-items-center justify-content-center" style="min-width: 6rem;">
                {% if played %}
                    <span class="badge bg-blue-lt fs-3">{{ fixture.homePoints }} : {{ fixture.awayPoints }}</span>
                {% else %}
                    <span class="badge bg-secondary-lt fs-3" title="Kolejka jeszcze nierozegrana">–&nbsp;:&nbsp;–</span>
                {% endif %}
            </div>

            <div class="col text-start">
                <div class="{{ awayWins ? 'fw-bold' : '' }}">{{ fixture.awayClub.name }}</div>
                {% for manager in fixture.awayClub.managers %}
                    <div class="text-secondary small text-nowrap">
                        {{ include('public/_manager_name.html.twig', {manager: manager, matchday: fixture.round.number}) }}
                        {%- if played and fixture.awayClub.managers|length > 1 %}
                            · <span class="fw-bold text-body">{{ points[fixture.round.id][manager.id] ?? 0 }}</span>
                        {%- endif %}
                    </div>
                {% endfor %}
            </div>

            <div class="col-auto d-flex">
                {% if fixture.awayClub.logo %}
                    <img class="fixture-crest" alt="" src="{{ asset('images/clubs/' ~ fixture.awayClub.logo) }}">
                {% endif %}
            </div>
        </div>
    </div>
</div>