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

{% block title %}{% block page_title %}{{ system_name|default('YIMA-SHOP') }}{% endblock %} - {{ system_name|default('YIMA-SHOP') }}{% endblock %}

{% block body %}
{# Flash Messages Zone (affichée au-dessus de tout) #}
{# data-turbo-temporary prevents flash messages from being cached by Turbo #}
<div class="fixed top-16 left-2 right-2 sm:left-auto sm:top-20 sm:right-4 z-50 w-auto sm:w-full sm:max-w-sm" data-turbo-temporary>
    {% include 'flowbite_components/layout/_notifications_zone.html.twig' %}
</div>

{# Header / Navbar #}
{% include 'flowbite_components/layout/_header.html.twig' with {
    appName: system_name|default('YIMA-SHOP'),
    appLogo: asset('logo.png'),
    userName: app.user ? (app.user.firstName ~ ' ' ~ app.user.lastName)|trim : 'Utilisateur',
    userEmail: app.user ? app.user.email : '',
    userPhoto: app.user ? app.user.profilePhoto|profile_picture_url : asset('images/default-avatar.png'),
    notificationCount: 0
} %}

{# Sidebar #}
{% include 'flowbite_components/layout/_sidebar.html.twig' with {
    appName: system_name|default('YIMA-SHOP'),
    appLogo: asset('logo.png')
} %}

{# Main Content Area #}
<div class="p-2 sm:p-4 sm:ml-64 mt-14">
    <div class="p-1 sm:p-4">
        {# Page Header (optionnel) #}
        {% block page_header %}
            {% if block('page_title') is defined %}
            <div class="mb-6">
                <h1 class="text-2xl font-bold text-heading">
                    {% block page_icon %}{% endblock %}
                    {{ block('page_title') }}
                </h1>
                {% block page_description %}{% endblock %}
            </div>
            {% endif %}
        {% endblock %}

        {# Main Content - Block unifié pour tous les rôles #}
        {% block main_content %}
            {% block content %}
                {# Contenu principal de la page #}
            {% endblock %}
        {% endblock %}
    </div>
</div>

{# Floating Action Buttons (overridden by child templates) #}
{% block floating_actions %}{% endblock %}

{# Scroll to Top Button #}
{% include 'flowbite_components/layout/_scroll_to_top.html.twig' %}

{% endblock %}