{% extends 'base.html.twig' %}

{% block title %}Pronostics du match | LPF 2026{% endblock %}

{% block body %}
    <section class="ta-topbar">
        <div>
            <h1 class="ta-page-title">Pronostics du match</h1>
            <p class="ta-page-subtitle">
                {{ match.paysDomicile.nom }} — {{ match.paysExterieur.nom }},
                {{ match.dateHeure|fr_match_datetime }}{% set phase_label = match_phase_label(match) %}{% if phase_label %} · {{ phase_label }}{% endif %}
            </p>
        </div>
        <a href="{{ path('app_matches') }}" class="btn btn-primary btn-sm">
            <i class="ti ti-arrow-left" aria-hidden="true"></i>
            Retour aux matchs
        </a>
    </section>

    {% include 'competition/_match_live_body.html.twig' with {
        show_simulator: false,
        match: match,
        live_view: live_view,
        match_goals: match_goals,
    } %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/match-live-teams-expand.js') }}?v=1" defer></script>
    <script>
        window.matchLiveConfig = {
            teamShowUrlBase: {{ path('app_team_show', { id: 0 })|replace({'/0': '/'})|json_encode|raw }},
            cotesVisible: {{ match_cotes_visible(match) ? 'true' : 'false' }},
            connectedTeamId: {{ connected_team_id()|json_encode|raw }}
        };
    </script>
    <script src="{{ asset('js/match-live.js') }}?v=7" defer></script>
    <script src="{{ asset('js/match-live-joker-info.js') }}?v=4" defer></script>
{% endblock %}