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

{% block title %}Accueil{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/competition-stats.css') }}?v=15">
    <link rel="stylesheet" href="{{ asset('css/dashboard-published-interviews.css') }}?v=2">
    {% if live_matches|length >= 2 or show_multiplex_preview|default(false) %}
        <link rel="stylesheet" href="{{ asset('css/match-multiplex.css') }}?v=6">
    {% endif %}
{% endblock %}

{% block body %}
    {% include 'home/_dashboard_banner.html.twig' %}
    {% if show_badge_simulate|default(false) %}
        {% include 'home/_dashboard_badge_simulate.html.twig' %}
    {% endif %}
    {% include 'home/_dashboard_random_stat.html.twig' with {
        dashboard_published_interviews: dashboard_published_interviews|default([]),
        dashboard_random_stats: dashboard_random_stats|default([]),
        dashboard_latest_forum_post: dashboard_latest_forum_post|default(null),
        dashboard_latest_forum_author: dashboard_latest_forum_author|default(null),
    } only %}
    {% include 'home/_dashboard_editorial.html.twig' with {
        dashboard_editorial: dashboard_editorial,
        dashboard_editorials_archive: dashboard_editorials_archive|default([]),
    } only %}

    {% if show_multiplex_preview|default(false) %}
        <div class="match-multiplex-cta ta-card mt-4">
            <div class="match-multiplex-cta__inner">
                <p class="match-multiplex-cta__text m-0">
                    {{ multiplex_preview.matches|length }} matchs à {{ multiplex_preview.kickoff|fr_match_datetime }}
                </p>
                <a href="{{ path('app_match_multiplex_preview') }}" class="btn btn-warning btn-sm">
                    <i class="ti ti-live-photo" aria-hidden="true"></i>
                    Multiplex
                </a>
            </div>
        </div>
    {% endif %}

    {% if not competition_started and (not precomp_checklist.all_done or not cotisation_payee) %}
        {% include 'home/_precompetition_checklist.html.twig' with {
            precomp_checklist: precomp_checklist,
            cotisation_payee: cotisation_payee,
        } only %}
    {% endif %}

    <section class="match-dashboard-wrap match-dashboard-wrap--homepage mt-5 {{ prono_access_blocked ? 'match-dashboard-wrap--locked' : '' }}">
        {% if live_matches is empty and last_completed_matchday is null and upcoming_matches is empty %}
            <p class="ta-card-text mt-3">Aucun match à afficher pour le moment.</p>
        {% else %}
            {% if live_matches is not empty %}
                <div class="match-day-section match-day-section--live">
                    <h2 class="match-day-title">{{ live_matches|length >= 2 ? 'Matchs en direct' : 'Match en direct' }}</h2>
                    <div class="match-card-grid">
                        {% for match in live_matches %}
                            {% include 'competition/_match_card.html.twig' with {
                                match: match,
                                pronostic: pronostics_by_match_id[match.id] ?? null,
                                partner_pronostics: partner_pronostics_by_match_id[match.id] ?? [],
                                now: now,
                                prono_access_blocked: prono_access_blocked,
                                joker_usage_by_match_id: joker_usage_by_match_id,
                                espion_intel_by_match_id: espion_intel_by_match_id|default({}),
                                show_joker_ui: show_joker_ui|default(false),
                                team_favorite_highlight: team_favorite_highlight|default(null),
                                match_goals: goals_by_match_id[match.id] ?? [],
                                team_match_points_by_match_id: team_match_points_by_match_id|default({}),
                            } only %}
                        {% endfor %}
                    </div>
                    {% if live_matches|length >= 2 %}
                        <div class="match-multiplex-cta-bar mt-3">
                            <a href="{{ path('app_match_multiplex') }}" class="btn btn-warning match-multiplex-cta-btn">
                                <i class="ti ti-live-photo" aria-hidden="true"></i>
                                Multiplex
                            </a>
                        </div>
                    {% endif %}
                </div>
            {% endif %}

            {% if last_completed_matchday %}
                <div class="match-day-section">
                    <h2 class="match-day-title">Dernière journée  — {{ last_completed_matchday.date|fr_date_long }}</h2>
                    <div class="match-card-grid">
                        {% for match in last_completed_matchday.matches %}
                            {% include 'competition/_match_card.html.twig' with {
                                match: match,
                                pronostic: pronostics_by_match_id[match.id] ?? null,
                                partner_pronostics: partner_pronostics_by_match_id[match.id] ?? [],
                                now: now,
                                prono_access_blocked: prono_access_blocked,
                                joker_usage_by_match_id: joker_usage_by_match_id,
                                espion_intel_by_match_id: espion_intel_by_match_id|default({}),
                                show_joker_ui: show_joker_ui|default(false),
                                team_favorite_highlight: team_favorite_highlight|default(null),
                                match_goals: goals_by_match_id[match.id] ?? [],
                                team_match_points_by_match_id: team_match_points_by_match_id|default({}),
                            } only %}
                        {% endfor %}
                    </div>
                </div>
            {% endif %}

            {% if upcoming_match_groups|default([]) is not empty %}
                {% set default_prono_cutoff = default_prono_cutoff_match() %}
                {% set default_prono_cutoff_day = default_prono_cutoff and default_prono_cutoff.dateHeure ? default_prono_cutoff.dateHeure|date('Y-m-d') : null %}
                {% set default_prono_cutoff_day_shown = false %}
                {% for group in upcoming_match_groups %}
                    {% set group_phase_labels = group.matches|map(m => match_phase_label(m))|filter(l => l) %}
                    {% set group_phase = (group_phase_labels|length > 0 and group_phase_labels|reduce((carry, l) => carry and (l == group_phase_labels|first), true)) ? group_phase_labels|first : null %}
                    <div class="match-day-section {{ loop.first and live_matches is empty and last_completed_matchday is null ? '' : 'mt-6' }}">
                        <h2 class="match-day-title">
                            Matchs à venir — {{ group.date|fr_day_label }}{% if group_phase %} · {{ group_phase }}{% endif %}
                        </h2>
                        <div class="match-card-grid">
                            {% for match in group.matches %}
                                {% set match_day = match.dateHeure ? match.dateHeure|date('Y-m-d') : '' %}
                                {% if default_prono_cutoff_day and match_day == default_prono_cutoff_day and not default_prono_cutoff_day_shown %}
                                    {% include 'competition/_default_prono_cutoff_notice.html.twig' with { match: default_prono_cutoff } only %}
                                    {% set default_prono_cutoff_day_shown = true %}
                                {% endif %}
                                {% include 'competition/_match_card.html.twig' with {
                                    match: match,
                                    pronostic: pronostics_by_match_id[match.id] ?? null,
                                    partner_pronostics: partner_pronostics_by_match_id[match.id] ?? [],
                                    now: now,
                                    prono_access_blocked: prono_access_blocked,
                                    joker_usage_by_match_id: joker_usage_by_match_id,
                                    espion_intel_by_match_id: espion_intel_by_match_id|default({}),
                                    show_joker_ui: show_joker_ui|default(false),
                                    team_favorite_highlight: team_favorite_highlight|default(null),
                                    team_match_points_by_match_id: team_match_points_by_match_id|default({}),
                                } only %}
                            {% endfor %}
                        </div>
                    </div>
                {% endfor %}
            {% endif %}
        {% endif %}
    </section>

    {% if app.user %}
        {% include 'competition/_joker_modal.html.twig' %}
        {% include 'competition/_match_espion_intel_dialog.html.twig' %}
    {% endif %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {% if dashboard_published_interviews|default([])|length > 1 %}
        <script src="{{ asset('js/dashboard-published-interviews.js') }}?v=2" defer></script>
    {% endif %}
    {% if dashboard_editorial %}
        <script src="{{ asset('js/dashboard-editorial-accordion.js') }}?v=1" defer></script>
    {% endif %}
    {% if dashboard_editorials_archive|default([])|length > 0 %}
        <script src="{{ asset('js/dashboard-editorial-switch.js') }}?v=1" defer></script>
    {% endif %}
    {% if app.user %}
        <script src="{{ asset('js/joker-match.js') }}?v=25" defer></script>
        <script src="{{ asset('js/match-espion-intel.js') }}?v=2" defer></script>
        <script src="{{ asset('js/match-pronostic-autosave.js') }}?v=3" defer data-turbo-track="reload"></script>
    {% endif %}
    {% if has_live_matches|default(false) and live_matches|length < 2 %}
        <script src="{{ asset('js/live-match-feed.js') }}?v=4" defer></script>
    {% endif %}
{% endblock %}