{# match: GameMatch, pronostic: Pronostic|null, partner_pronostics: list<Pronostic>, now: DateTimeImmutable, prono_access_blocked: bool|false, joker_usage_by_match_id: array, show_joker_ui: bool|false, team_favorite_highlight: array|null, match_goals: list<array>|null, team_match_points_by_match_id: array<int, int> #}
{% set match_goals = match_goals ?? [] %}
{% set prono_access_blocked = prono_access_blocked ?? false %}
{% set joker_usage_by_match_id = joker_usage_by_match_id ?? {} %}
{% set espion_intel_by_match_id = espion_intel_by_match_id ?? {} %}
{% set show_joker_ui = show_joker_ui ?? false %}
{% set team_favorite_highlight = team_favorite_highlight ?? null %}
{% set is_favorite_country_match = match_is_team_favorite_highlight(match, team_favorite_highlight) %}
{% set favorite_country_id = team_favorite_highlight.country_id ?? null %}
{% set match_joker = joker_usage_by_match_id[match.id] ?? null %}
{% set espion_intel = espion_intel_by_match_id[match.id] ?? null %}
{% set is_finished = match_is_finished(match, now) %}
{% set is_live = match_is_live(match, now) %}
{% set can_edit_before_kickoff = match_can_edit_before_kickoff(match, now) %}
{% set can_pronostic = can_edit_before_kickoff and not prono_access_blocked %}
{% set match_prono_blocked_cotisation = prono_access_blocked and can_edit_before_kickoff %}
{% set can_place_joker = (show_joker_ui|default(false)) and can_edit_before_kickoff %}
{% set show_joker_actions = can_place_joker or match_joker %}
{% set cotes_visible = match_cotes_visible(match, now) or espion_intel %}
{% set team_match_points_by_match_id = team_match_points_by_match_id|default({}) %}
{% set team_match_points = team_match_points_by_match_id[match.id] ?? null %}

<article class="match-card{{ match.isKdoMatch ? ' match-card--kdo' : '' }}{{ is_favorite_country_match ? ' match-card--favorite-country' : '' }}{{ match_joker ? ' match-card--has-joker' : '' }}{{ is_live ? ' match-card--live' : '' }}" data-match-id="{{ match.id }}">
    {% set show_joker_mark = match_joker and match_joker.code|default('') != 'espion' %}
    {% set show_card_marks = is_favorite_country_match or match.isKdoMatch or show_joker_mark %}
    {% if show_card_marks %}
        {% set marks_count = (match.isKdoMatch ? 1 : 0) + (is_favorite_country_match ? 1 : 0) + (show_joker_mark ? 1 : 0) %}
        <div class="match-card-marks{{ marks_count > 1 ? ' match-card-marks--multi' : '' }}">
            {% if match.isKdoMatch %}
                <div class="match-card-kdo-mark" title="Match KDO — pronostic à cœur pour gagner la cagnotte">
                    <span class="match-card-kdo-mark__icon" aria-hidden="true">
                        <i class="ti ti-gift"></i>
                    </span>
                    <span class="sr-only">Match KDO</span>
                </div>
            {% endif %}
            {% if is_favorite_country_match %}
                <div
                    class="match-card-favorite-mark"
                    title="{{ team_favorite_highlight.joker_name }} — votre sélection joue ce match (poule)"
                >
                    <span class="match-card-favorite-mark__shield" aria-hidden="true">
                        <i class="ti ti-shield"></i>
                    </span>
                    <span class="sr-only">Équipe favorite — {{ team_favorite_highlight.joker_name }}</span>
                </div>
            {% endif %}
            {% if show_joker_mark %}
                {% include 'competition/_match_card_joker_badge.html.twig' with {
                    match: match,
                    joker: match_joker,
                } only %}
            {% endif %}
        </div>
    {% endif %}
    <div class="match-card-head">
        {% if is_finished %}
            <span class="ta-badge ta-badge-success">Terminé</span>
        {% elseif can_pronostic %}
            <span class="ta-badge ta-badge-warning match-card-status-badge match-card-status-badge--upcoming">À venir</span>
        {% endif %}
    </div>

    <div class="match-fixture">
        <div class="match-team match-team-home{% if is_favorite_country_match and favorite_country_id and match.paysDomicile and match.paysDomicile.id == favorite_country_id %} match-team--favorite-country{% endif %}">
            <span class="match-team__label match-team__label--full">{{ match.paysDomicile ? match.paysDomicile.nom : '-' }}</span>
            <span class="match-team__label match-team__label--short" aria-hidden="true">{{ country_short_label(match.paysDomicile) }}</span>
            {% include 'components/_country_flag_img.html.twig' with { country: match.paysDomicile } only %}
        </div>

        <div class="match-fixture__center">
            <time class="match-time" datetime="{{ match.dateHeure ? match.dateHeure|date('c') : '' }}">
                {{ match.dateHeure ? match.dateHeure|date('H:i') : '-' }}
            </time>
        </div>

        <div class="match-team match-team-away{% if is_favorite_country_match and favorite_country_id and match.paysExterieur and match.paysExterieur.id == favorite_country_id %} match-team--favorite-country{% endif %}">
            {% include 'components/_country_flag_img.html.twig' with { country: match.paysExterieur } only %}
            <span class="match-team__label match-team__label--full">{{ match.paysExterieur ? match.paysExterieur.nom : '-' }}</span>
            <span class="match-team__label match-team__label--short" aria-hidden="true">{{ country_short_label(match.paysExterieur) }}</span>
        </div>
    </div>

    <p class="match-meta">
        {% set group_letter = match.groupStandingLetter %}
        {% set phase_label = match_phase_label(match) %}
        {% if group_letter %}
            <a href="{{ path('app_groups') }}#groupe-{{ group_letter|lower }}" class="match-group-link">{{ phase_label ?: ('Groupe ' ~ group_letter) }}</a>
        {% elseif phase_label %}
            {{ phase_label }}
        {% else %}
            Phase à définir
        {% endif %}
        {% if match.venueName %}
            <span class="match-venue"> · {{ match.venueName }}</span>
        {% endif %}
        {% if cotes_visible and not match_cote_is_one_n_two() and match.coteMoyenne is not null %}
            · Cote moy. {{ match.coteMoyenne|number_format(2, ',', ' ') }}
        {% endif %}
    </p>

    <div class="match-pronostic">
        {% if match_prono_blocked_cotisation %}
            <p class="match-prono-cotisation-msg">Pronostics disponibles après réglage de la cotisation (10&nbsp;€ par joueur).</p>
        {% elseif can_pronostic %}
            <div class="match-pronostic-editor">
                <form
                    method="post"
                    action="{{ path('app_match_pronostic_save', { id: match.id }) }}"
                    class="match-pronostic-form"
                    data-match-pronostic-autosave
                    data-match-id="{{ match.id }}"
                >
                    <div class="match-pronostic-form__scores">
                        {% set prono_default_home = prono_form_default_score_domicile(match) %}
                        {% set prono_default_away = prono_form_default_score_exterieur(match) %}
                        <input
                            type="number"
                            name="score_domicile"
                            min="0"
                            step="1"
                            inputmode="numeric"
                            value="{{ pronostic ? pronostic.scoreDomicile : (prono_default_home is not null ? prono_default_home : '') }}"
                            class="ta-form-input match-score-input"
                            required
                            placeholder="{{ prono_default_home is null and not pronostic ? '0' : '' }}"
                            aria-label="Score {{ country_short_label(match.paysDomicile) }}"
                        >
                        <span class="match-pronostic-form__sep" aria-hidden="true">-</span>
                        <input
                            type="number"
                            name="score_exterieur"
                            min="0"
                            step="1"
                            inputmode="numeric"
                            value="{{ pronostic ? pronostic.scoreExterieur : (prono_default_away is not null ? prono_default_away : '') }}"
                            class="ta-form-input match-score-input"
                            required
                            placeholder="{{ prono_default_away is null and not pronostic ? '0' : '' }}"
                            aria-label="Score {{ country_short_label(match.paysExterieur) }}"
                        >
                    </div>
                    <div class="match-pronostic-editor__toolbar">
                        {% include 'competition/_match_pronostic_submit_button.html.twig' %}
                        {% if show_joker_actions %}
                            {% include 'competition/_match_card_joker_actions.html.twig' with {
                                match: match,
                                match_joker: match_joker,
                                espion_intel: espion_intel,
                                prono_access_blocked: prono_access_blocked,
                            } only %}
                        {% endif %}
                    </div>
                </form>
            </div>
        {% elseif is_live %}
            <div class="match-live-actions">
                <div class="match-live-score-wrap">
                    {% include 'competition/_match_card_score_inputs.html.twig' with { match: match, live: true } only %}
                    <span class="match-live-clock" data-match-live-clock>{{ match_live_clock_label(match) }}</span>
                </div>
                <a
                    href="{{ path('app_match_hub', { id: match.id }) }}"
                    class="btn btn-warning match-card-live-btn"
                    aria-label="Suivre en direct"
                >
                    <i class="ti ti-live-photo" aria-hidden="true"></i>
                </a>
            </div>
        {% elseif is_finished %}
            <div class="match-finished-actions">
                {% include 'competition/_match_card_score_inputs.html.twig' with { match: match, live: false } only %}
                <a
                    href="{{ path('app_match_hub', { id: match.id }) }}"
                    class="btn btn-primary match-card-pronos-btn"
                    aria-label="Voir le match"
                    title="Récap, buts et fil du match"
                >
                    <i class="ti ti-list-details" aria-hidden="true"></i>
                </a>
            </div>
        {% endif %}
    </div>

    {% if show_joker_actions and not can_pronostic %}
        {% include 'competition/_match_card_joker_actions.html.twig' with {
            match: match,
            match_joker: match_joker,
            espion_intel: espion_intel,
            prono_access_blocked: prono_access_blocked,
        } only %}
    {% endif %}

    {% if is_live or is_finished %}
        <div class="match-goals-wrap">
            {% include 'competition/_match_goals.html.twig' with { goals: match_goals } only %}
        </div>
    {% endif %}

    {% set show_self_prono_row = app.user and not can_pronostic %}
    {% set show_team_points_ring = is_finished and team_match_points is not null %}
    {% set show_prono_line = show_self_prono_row or partner_pronostics is not empty or show_team_points_ring %}
    <div class="match-partner{{ show_prono_line ? ' match-partner--pronos' : '' }}">
        {% if show_self_prono_row %}
            {% include 'competition/_match_card_self_pronostic_row.html.twig' with { pronostic: pronostic, match: match } only %}
        {% endif %}
        {% if partner_pronostics is not empty %}
            {% for partner_pronostic in partner_pronostics %}
                {% set partner_user = partner_pronostic.joueur %}
                <div class="match-partner-row" aria-label="Pronostic partenaire {{ partner_pronostic.scoreDomicile }} à {{ partner_pronostic.scoreExterieur }}">
                    <div class="match-partner-avatar-slot" aria-hidden="true">
                        {% if partner_user.avatar %}
                            <img class="match-partner-avatar" src="{{ partner_user.avatar }}" alt="" width="50" height="50" loading="lazy" decoding="async">
                        {% else %}
                            <span class="match-partner-avatar--placeholder">{{ partner_user.email|first|upper }}</span>
                        {% endif %}
                    </div>
                    <span class="match-partner-score">{{ partner_pronostic.scoreDomicile }} - {{ partner_pronostic.scoreExterieur }}</span>
                </div>
            {% endfor %}
        {% elseif not show_self_prono_row and not show_team_points_ring %}
            <span class="match-partner-empty">—</span>
        {% endif %}
        {% if show_team_points_ring %}
            {% include 'competition/_match_card_team_points_ring.html.twig' with { team_match_points: team_match_points } only %}
        {% endif %}
    </div>
</article>