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

{% block title %}{{ multiplex_preview|default(false) ? 'Multiplex — aperçu admin' : 'Multiplex — matchs en direct' }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/match-multiplex.css') }}?v=5">
    <link rel="stylesheet" href="{{ asset('css/match-hub-v2.css') }}?v=16">
{% endblock %}

{% block body %}
    <section class="match-multiplex-page">
        {% if multiplex_preview|default(false) %}
            <div class="match-multiplex-admin-preview-banner" role="note">
                <strong>Aperçu admin</strong> — maquette du multiplex pour le créneau
                {{ multiplex_preview_kickoff|fr_match_datetime }}.
                Visible uniquement pour {{ app.user.email }}.
                Le multiplex public s’affichera automatiquement au coup d’envoi.
            </div>
        {% endif %}

        <header class="match-multiplex-page__header ta-topbar">
            <div>
                <h1 class="ta-page-title">Multiplex</h1>
                <p class="ta-page-subtitle">
                    {% if multiplex_preview|default(false) %}
                        {{ live_matches|length }} matchs ce soir à {{ multiplex_preview_kickoff|date('H:i') }} (aperçu)
                    {% else %}
                        {{ live_matches|length }} matchs en direct en parallèle
                    {% endif %}
                </p>
            </div>
            <a href="{{ path('app_homepage') }}" class="btn btn-primary btn-sm">
                <i class="ti ti-arrow-left" aria-hidden="true"></i>
                Accueil
            </a>
        </header>

        {% include 'competition/_match_multiplex.html.twig' with {
            live_matches: live_matches,
            pronostics_by_match_id: pronostics_by_match_id,
            partner_pronostics_by_match_id: partner_pronostics_by_match_id,
            goals_by_match_id: goals_by_match_id,
            team_match_points_by_match_id: team_match_points_by_match_id,
            joker_usage_by_match_id: joker_usage_by_match_id,
            team_favorite_highlight: team_favorite_highlight,
            now: now,
            multiplex_preview: multiplex_preview|default(false),
            multiplex_preview_kickoff: multiplex_preview_kickoff|default(null),
            multiplex_panels_by_match_id: multiplex_panels_by_match_id|default({}),
            espion_intel_by_match_id: espion_intel_by_match_id|default({}),
            show_joker_ui: show_joker_ui|default(false),
            prono_access_blocked: prono_access_blocked|default(false),
        } only %}
    </section>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/match-multiplex.js') }}?v=1" defer></script>
    {% if not multiplex_preview|default(false) %}
        <script src="{{ asset('js/live-match-feed.js') }}?v=4" defer></script>
    {% endif %}
{% endblock %}