{#{% extends '@SyliusShop/layout.html.twig' %}#}

{#{% block content %}#}

{#    {% include '@SyliusShop/Product/Index/_header.html.twig' %}#}
{#    <div class="grid p-2">#}
{#        <div id="sidebar-anchor" style="height: 100vh">#}
{#            <!-- Menu latéral aligné à gauche -->#}
{#            <sidebar-menu class="g-col-12 g-col-md-4 g-col-lg-3"></sidebar-menu>#}
{#        </div>#}
{#        <div class="g-col-12 g-col-md-4 g-col-lg-3">#}
{#            {% include '@SyliusShop/Product/Index/_sidebar.html.twig' %}#}
{#        </div>#}
{#        <div class="product-grid g-col-12 g-col-md-8 g-col-lg-9">#}
{#            {% include '@SyliusShop/Product/Index/_main.html.twig' %}#}
{#        </div>#}
{#    </div>#}
{#{% endblock %}#}

{% extends '@SyliusShop/layout.html.twig' %}

{% block content %}

    {% include '@SyliusShop/Product/Index/_header.html.twig' %}

    <div class="grid-container">
             <!-- Sidebar qui sera montée via Vue -->
        <div id="sidebar-anchor">
            <sidebar-menu></sidebar-menu>
        </div>

        <!-- Contenu principal -->
        <div class="product-grid">
            {% include '@SyliusShop/Product/Index/_main.html.twig' %}
        </div>
    </div>

{% endblock %}