{# match, pronostic, partner_pronostics, now, is_live, is_finished, team_match_points #}
{% set is_live = is_live|default(false) %}
{% set is_finished = is_finished|default(false) %}
{% set team_match_points = team_match_points|default(null) %}
{% set display_score_home = is_live or is_finished ? (match.scoreDomicile ?? 0) : null %}
{% set display_score_away = is_live or is_finished ? (match.scoreExterieur ?? 0) : null %}

<a
    href="{{ path('app_match_hub_v2_preview', { id: match.id }) }}"
    class="dashboard-v2-match-card{{ is_live ? ' dashboard-v2-match-card--live' : '' }}"
>
    <div class="dashboard-v2-match-card__head">
        {% if is_live %}
            <span class="ta-badge ta-badge-warning">En direct</span>
        {% elseif is_finished %}
            <span class="ta-badge ta-badge-success">Terminé</span>
        {% else %}
            <span class="ta-badge ta-badge-warning">À venir</span>
        {% endif %}
        {% if team_match_points is not null %}
            <span class="ta-badge ta-badge-primary" title="Points équipe sur ce match">+{{ team_match_points }} pts</span>
        {% endif %}
    </div>

    <div class="dashboard-v2-match-card__fixture">
        <span>{{ country_short_label(match.paysDomicile) }}</span>
        <span class="dashboard-v2-match-card__score">
            {% if display_score_home is not null %}
                {{ display_score_home }} - {{ display_score_away }}
            {% else %}
                {{ match.dateHeure ? match.dateHeure|date('H:i') : '—' }}
            {% endif %}
        </span>
        <span>{{ country_short_label(match.paysExterieur) }}</span>
    </div>

    <p class="dashboard-v2-match-card__meta">
        {{ match.dateHeure ? match.dateHeure|fr_match_date : '' }}
        {% if match.phase %} · {{ match.phase }}{% endif %}
    </p>

    {% if pronostic %}
        <div class="dashboard-v2-match-card__prono">
            <span>Mon prono {{ pronostic.scoreDomicile }}-{{ pronostic.scoreExterieur }}</span>
            {% for pp in partner_pronostics|default([]) %}
                <span>· Part. {{ pp.scoreDomicile }}-{{ pp.scoreExterieur }}</span>
            {% endfor %}
        </div>
    {% endif %}

    <span class="dashboard-v2-match-card__cta">
        <i class="ti ti-layout-dashboard" aria-hidden="true"></i>
        Ouvrir le hub match
    </span>
</a>