{# Corps partagé page live / pronostics terminé — show_simulator: bool #}
<section class="ta-card match-live-score-card">
    <div class="match-live-score-banner">
        <div class="match-live-score-team match-live-score-team--home">
            <div class="match-live-score-team__crest">
                {% include 'components/_country_flag_img.html.twig' with {
                    country: match.paysDomicile,
                    img_classes: 'match-live-score-flag',
                    placeholder_class: 'match-live-score-flag match-flag-placeholder',
                } only %}
            </div>
            <span class="match-live-score-team__name">{{ country_short_label(match.paysDomicile) }}</span>
        </div>
        <div class="match-live-score-center">
            <p class="match-live-score-display"{% if show_simulator %} id="match-live-current-score" aria-live="polite"{% endif %}>
                <span{% if show_simulator %} id="match-live-score-home"{% endif %}>{{ live_view.scoreDomicile }}</span>
                <span class="match-live-score-sep">-</span>
                <span{% if show_simulator %} id="match-live-score-away"{% endif %}>{{ live_view.scoreExterieur }}</span>
            </p>
            {% if show_simulator and match.statut == 'LIVE' %}
                <span class="match-live-clock">{{ match_live_clock_label(match) }}</span>
            {% elseif not show_simulator %}
                <span class="ta-badge ta-badge-success">Terminé</span>
            {% endif %}
            {% if show_simulator and live_view.viewerPronostic|default(null) %}
                {% include 'competition/_match_viewer_pronostic.html.twig' with { viewer_pronostic: live_view.viewerPronostic } only %}
            {% endif %}
        </div>
        <div class="match-live-score-team match-live-score-team--away">
            <div class="match-live-score-team__crest">
                {% include 'components/_country_flag_img.html.twig' with {
                    country: match.paysExterieur,
                    img_classes: 'match-live-score-flag',
                    placeholder_class: 'match-live-score-flag match-flag-placeholder',
                } only %}
            </div>
            <span class="match-live-score-team__name">{{ country_short_label(match.paysExterieur) }}</span>
        </div>
    </div>
    <div class="match-goals-wrap match-live-goals-wrap">
        {% include 'competition/_match_goals.html.twig' with { goals: match_goals } only %}
    </div>
    {% if match_cotes_visible(match) %}
        {% include 'competition/_match_live_cotes.html.twig' with { cotes: live_view.cotes } only %}
    {% endif %}
</section>

{% if show_simulator %}
    {% include 'competition/_match_live_simulator.html.twig' with {
        match: match,
        live_view: live_view,
        extra_class: ' mt-5',
    } only %}
{% endif %}

<section class="ta-card mt-5 match-live-teams-section" id="match-pronostics-equipes">
    <h2 class="ta-card-title">Pronostics par équipe</h2>
    {% include 'competition/_match_live_teams.html.twig' with {
        teams: live_view.teams,
        cotes_visible: match_cotes_visible(match),
        viewer_pronostic: live_view.viewerPronostic|default(null),
    } only %}
</section>

{% include 'competition/_match_live_jokers_section.html.twig' with {
    match_jokers: live_view.matchJokers|default([]),
} only %}

{% if live_view.matchButeurs is not empty %}
    <section class="ta-card mt-5 match-live-buteurs-section">
        <h2 class="ta-card-title">Buteurs des pays en lice</h2>
        {% include 'competition/_match_live_match_buteurs.html.twig' with { match_buteurs: live_view.matchButeurs } only %}
    </section>
{% endif %}

{% if match.isKdoMatch and live_view.kdoOutlook %}
    {% include 'competition/_match_live_kdo.html.twig' with {
        kdo_outlook: live_view.kdoOutlook,
        kdo_final: not show_simulator,
    } only %}
{% endif %}

{% include 'competition/_match_live_joker_info_dialog.html.twig' %}