{# home, draw, away: float|null — active_outcome — home_count/draw_count/away_count — variant: square|card|compact|banner #}
{% set active = active_outcome|default(null) %}
{% set block_variant = variant|default('banner') %}
{% set pronostics_count = pronostics_count|default(null) %}
{% set show_pronostics_meta = show_pronostics_meta|default(true) %}
{% set show_outcome_counts = show_outcome_counts|default(home_count is defined or draw_count is defined or away_count is defined) %}
{% set count_format = count_format|default('label') %}
{% set cotes_filterable = cotes_filterable|default(false) %}
{% set highlight_final = highlight_final|default(false) %}
<div
    class="match-cotes-1n2-blocks match-cotes-1n2-blocks--{{ block_variant }}{% if block_variant == 'compact' %} match-cotes-1n2-blocks--compact{% endif %}"
    role="{{ cotes_filterable ? 'group' : 'list' }}"
    aria-label="{{ cotes_filterable ? 'Cotes 1, N et 2 — cliquer pour filtrer les équipes' : 'Cotes 1, N et 2' }}"
    {% if id_prefix|default('') %}data-cotes-blocks-id="{{ id_prefix }}"{% endif %}
>
    <div
        class="match-cotes-1n2-blocks__item{% if active == 'HOME' %} match-cotes-1n2-blocks__item--active{% endif %}{% if highlight_final and active == 'HOME' %} match-cotes-1n2-blocks__item--final{% endif %}{% if cotes_filterable %} match-cotes-1n2-blocks__item--filterable{% endif %}"
        {% if cotes_filterable %}role="button" tabindex="0" data-cotes-filter aria-pressed="false"{% else %}role="listitem"{% endif %}
        data-cotes-outcome="HOME"
        {% if id_prefix|default('') %}id="{{ id_prefix }}-cote-home"{% endif %}
    >
        {% if highlight_final and active == 'HOME' %}
            <span class="match-cotes-1n2-blocks__final-badge">Cote finale</span>
        {% endif %}
        <span class="match-cotes-1n2-blocks__label">1</span>
        <span class="match-cotes-1n2-blocks__value">
            {% if home is not null %}×{{ home|number_format(2, ',', ' ') }}{% else %}—{% endif %}
        </span>
        {% if show_outcome_counts and home_count is defined %}
            <span class="match-cotes-1n2-blocks__count" data-cotes-count>
                {%- if count_format == 'paren' -%}
                    ({{ home_count }})
                {%- else -%}
                    {{ home_count }} prono{{ home_count > 1 ? 's' : '' }}
                {%- endif -%}
            </span>
        {% endif %}
    </div>
    <div
        class="match-cotes-1n2-blocks__item{% if active == 'DRAW' %} match-cotes-1n2-blocks__item--active{% endif %}{% if highlight_final and active == 'DRAW' %} match-cotes-1n2-blocks__item--final{% endif %}{% if cotes_filterable %} match-cotes-1n2-blocks__item--filterable{% endif %}"
        {% if cotes_filterable %}role="button" tabindex="0" data-cotes-filter aria-pressed="false"{% else %}role="listitem"{% endif %}
        data-cotes-outcome="DRAW"
        {% if id_prefix|default('') %}id="{{ id_prefix }}-cote-draw"{% endif %}
    >
        {% if highlight_final and active == 'DRAW' %}
            <span class="match-cotes-1n2-blocks__final-badge">Cote finale</span>
        {% endif %}
        <span class="match-cotes-1n2-blocks__label">N</span>
        <span class="match-cotes-1n2-blocks__value">
            {% if draw is not null %}×{{ draw|number_format(2, ',', ' ') }}{% else %}—{% endif %}
        </span>
        {% if show_outcome_counts and draw_count is defined %}
            <span class="match-cotes-1n2-blocks__count" data-cotes-count>
                {%- if count_format == 'paren' -%}
                    ({{ draw_count }})
                {%- else -%}
                    {{ draw_count }} prono{{ draw_count > 1 ? 's' : '' }}
                {%- endif -%}
            </span>
        {% endif %}
    </div>
    <div
        class="match-cotes-1n2-blocks__item{% if active == 'AWAY' %} match-cotes-1n2-blocks__item--active{% endif %}{% if highlight_final and active == 'AWAY' %} match-cotes-1n2-blocks__item--final{% endif %}{% if cotes_filterable %} match-cotes-1n2-blocks__item--filterable{% endif %}"
        {% if cotes_filterable %}role="button" tabindex="0" data-cotes-filter aria-pressed="false"{% else %}role="listitem"{% endif %}
        data-cotes-outcome="AWAY"
        {% if id_prefix|default('') %}id="{{ id_prefix }}-cote-away"{% endif %}
    >
        {% if highlight_final and active == 'AWAY' %}
            <span class="match-cotes-1n2-blocks__final-badge">Cote finale</span>
        {% endif %}
        <span class="match-cotes-1n2-blocks__label">2</span>
        <span class="match-cotes-1n2-blocks__value">
            {% if away is not null %}×{{ away|number_format(2, ',', ' ') }}{% else %}—{% endif %}
        </span>
        {% if show_outcome_counts and away_count is defined %}
            <span class="match-cotes-1n2-blocks__count" data-cotes-count>
                {%- if count_format == 'paren' -%}
                    ({{ away_count }})
                {%- else -%}
                    {{ away_count }} prono{{ away_count > 1 ? 's' : '' }}
                {%- endif -%}
            </span>
        {% endif %}
    </div>
</div>
{% if show_pronostics_meta and not show_outcome_counts and pronostics_count is not null and pronostics_count > 0 %}
    <p class="match-cotes-1n2-blocks__meta">
        {{ pronostics_count }} pronostic{{ pronostics_count > 1 ? 's' : '' }} sur ce match
    </p>
{% endif %}