{# Full finishing-order + dividend detail shown inside the betting wizard for a
   leg whose race is already closed/settled, in place of its horse picker.
   `details` is raceResults[race.id] from PlayController::buildLiveRacingCards()
   ({settled, dividendRows}), or null when the race has a result but is not
   settled yet. #}
{% macro leg_result(leg, details) %}
    {% set race = leg.race %}
    {% set horses = leg.horses %}
    <div class="wizard-leg-result" data-testid="wizard-leg-result-{{ race.id }}">
        <div class="wizard-leg-result__row">
            <span class="wizard-leg-result__label">Winner</span>
            <span class="wizard-leg-result__value" data-testid="wizard-leg-finish-{{ race.id }}">
                {%- if race.result is not null and race.result is not empty -%}
                    {%- for finisher in race.result -%}
                        {{- not loop.first ? '/' : '' }}{{ finisher.horseNumber -}}
                    {%- endfor -%}
                {%- else -%}—{%- endif -%}
            </span>
        </div>

        {% set scratchedAfterClose = horses|filter(h => h.scratchedAfterClose) %}
        {% if scratchedAfterClose is not empty %}
            <div class="wizard-leg-result__row">
                <span class="wizard-leg-result__label">Scratched (after close)</span>
                <span class="wizard-leg-result__value" data-testid="wizard-leg-scratched-{{ race.id }}">
                    {%- for h in scratchedAfterClose -%}
                        {{ not loop.first ? ', ' : '' }}#{{ h.horseNumber }}
                    {%- endfor -%}
                </span>
            </div>
        {% endif %}

        {% if details.dividendRows is not empty %}
            <div class="wizard-leg-result__divs" data-testid="wizard-leg-dividends-{{ race.id }}">
                <div class="wizard-leg-result__label" style="margin-bottom:4px;">Dividends</div>
                {% for row in details.dividendRows %}
                    <div class="wizard-leg-result__div-row" data-testid="wizard-leg-dividend-{{ race.id }}-{{ row.id }}">
                        <span class="wizard-leg-result__div-label">{{ row.label }}{% if row.kind == 'multi' %} <span class="wizard-leg-result__combo">combo</span>{% endif %}</span>
                        <span class="wizard-leg-result__div-value">
                            {%- if row.refund -%}Refunded{%- endif -%}
                            {%- for c in row.combinations -%}
                                {{- not loop.first ? ' · ' : (row.refund ? ' · ' : '') -}}
                                {%- if c.selection %}{{ c.selection|capitalize }}{% else %}{{ c.numbers|join('-') }}{% endif %} &#8369;{{ c.dividend }}
                            {%- else -%}
                                {%- if not row.refund %}—{% endif -%}
                            {%- endfor -%}
                        </span>
                    </div>
                {% endfor %}
            </div>
        {% elseif not details.settled %}
            <div class="wizard-leg-result__hint" data-testid="wizard-leg-dividends-pending-{{ race.id }}">
                Dividends pending settlement.
            </div>
        {% endif %}
    </div>
{% endmacro %}