<header class="header-container">
    <div class="header-top header-desktop">
        <div class="container">
            <p class="baseline">{{ 'app.ui.header.baseline'|trans }}</p>

            <div class="header-top-right">
                <ul>
                    <li><a href="">Exemple de lien 1</a></li>
                    <li><a href="">Exemple de lien 2</a></li>
                    <li><a href="">Exemple de lien 3</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="header-content">
        <div class="container">
            <div class="row">
                <div class="col col-lg-3 order-lg-1 header-logo-wrapper">
                    {% include '@SyliusShop/Layout/Header/_logo.html.twig' %}
                </div>
                <div class="col-auto col-lg-4 order-lg-3 header-links-wrapper">
                    <button class="header-link header-mobile header-link-search">
                        {% include '@SyliusShop/Icons/search.html.twig' %}
                    </button>

                    {# Account Button : /Menu/_security.html.twig #}
                    {{ render(controller('sylius.controller.shop.security_widget:renderAction')) }}

                    {# Cart Button : /Cart/Widget/_button.html.twig #}
                    {{ render(url('sylius_shop_partial_cart_summary', {'template': '@SyliusShop/Cart/_widget.html.twig'})) }}

                    <button class="header-mobile header-link-menu">
                        {% include '@SyliusShop/Icons/menu.html.twig' %}
                        <span class="header-menu-text">{{ 'app.ui.menu.menu_btn'|trans }}</span>
                    </button>
                </div>
                <div class="col-12 col-lg-5 order-lg-2 header-search-wrapper">
                    {{ search_form() }}
                </div>
            </div>
        </div>
    </div>
</header>
