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

{# Variables pour les pages publiques #}
{% set is_public = true %}

{# Désactiver la barre de navigation standard #}
{% set afficher_bandeau = false %}

{# Désactiver la marge supérieure du conteneur #}
{% set no_margin = true %}

{# MODIFICATION : Surcharger l'importmap pour utiliser l'entrypoint frontend #}
{% block importmap %}{{ importmap('app') }}{% endblock %}

{# MODIFICATION : Ajouter la classe frontend-app au body #}
{% block javascripts %}
    {{ parent() }}
    <script>
        // Ajouter la classe frontend-app au body pour le CSS
        document.body.classList.remove('admin-app');
        document.body.classList.add('frontend-app');
    </script>
{% endblock %}

{% block body %}
    <div class="main-container">
        {# Point d'extension pour définir des variables de contexte du header/menu #}
        {% block public_header_context %}{% endblock %}
        {% if show_public_header_banner|default(true) %}
            {% block public_header_banner %}
                <div class="header-banner">
                    <div class="logo-container">
                        <img src="{{ path('app_svg_with_color', {
                            'filename': 'logo_parcours_connect_dynamic_color.svg',
                            'color': logo_color|default(active_parcours.couleur.codeRgb|default('#ef8803'))
                        }) }}" alt="Logo Parcours Connect">
                    </div>
                    {% if show_parcours_logo|default(true) and active_parcours is defined and active_parcours.logo %}
                        <div class="parcours-logo-container">
                            <img src="{{ asset(active_parcours.logo) }}" alt="Logo {{ active_parcours.nom }}" class="parcours-logo-img">
                        </div>
                    {% endif %}
                    <h1>
                        {% block public_header_title %}
                            {{ header_title|default(active_parcours is defined and active_parcours ? active_parcours.nom : '') }}
                        {% endblock %}
                    </h1>
                </div>
                <div class="navigation-buttons">
                    <a href="{{ path('app_home') }}" class="nav-button home-button" title="Accueil">
                        <img src="{{ path('app_svg_with_color', {'filename': 'home.svg', 'color': '#3b4a6b'}) }}" alt="Accueil">
                    </a>
                    <a href="javascript:history.back()" class="nav-button back-button" title="Retour">
                        <img src="{{ path('app_svg_with_color', {'filename': 'fleche_retour.svg', 'color': '#3b4a6b'}) }}" alt="Retour">
                    </a>
                </div>
            {% endblock %}
        {% endif %}

        {% block public_header %}
            {% include 'partials/_public_header.html.twig' %}
        {% endblock %}

        <div class="content-area">
            {% block content %}{% endblock %}
        </div>
    </div>
{% endblock %}