{# Simulateur de score (match live) — ids requis par match-live.js #}
<section class="ta-card match-live-simulator-card{{ extra_class|default('') }}" id="match-live-simulator-section">
    <h2 class="ta-card-title">{{ title|default('Simulateur de score') }}</h2>
    <p class="ta-card-text match-live-simulator-hint">Ajustez le score pour voir le classement et les points simulés en direct.</p>
    <form class="match-live-simulator-form" id="match-live-simulator" action="#" method="get">
        <label class="match-live-simulator-field">
            <span>{{ match.paysDomicile.nom }}</span>
            <input type="number" name="domicile" min="0" max="30" value="{{ live_view.scoreDomicile }}" class="ta-form-input match-live-score-input" id="sim-score-home" required>
        </label>
        <span class="match-live-simulator-sep">-</span>
        <label class="match-live-simulator-field">
            <span>{{ match.paysExterieur.nom }}</span>
            <input type="number" name="exterieur" min="0" max="30" value="{{ live_view.scoreExterieur }}" class="ta-form-input match-live-score-input" id="sim-score-away" required>
        </label>
        <button type="button" class="btn btn-primary btn-sm" id="match-live-reset-score" title="Revenir au score en cours">
            Score actuel
        </button>
    </form>
</section>