<?xml version="1.0"?>
<data inherit_id="website.layout" name="Template Header Sale 2" active="False">
    <xpath expr="//header//nav" position="replace">
        <t t-call="website.navbar">
            <t t-set="_navbar_classes" t-valuef="o_header_force_no_radius d-none d-lg-block p-0 shadow-sm"/>

            <div id="o_main_nav" class="o_main_nav">
                <div class="o_header_hide_on_scroll">
                    <div aria-label="Top" t-if="is_view_active('website.header_text_element') or is_view_active('website.header_social_links') or is_view_active('website.header_language_selector')" class="o_header_sales_two_top py-1">
                        <ul t-attf-class="#{header_content_width} navbar-nav d-grid h-100 px-3 o_grid_header_3_cols">
                            <!-- Return empty placeholder if the element is not active to keep the right layout -->
                            <li class="o_header_sales_two_lang_selector_placeholder" t-if="is_view_active('website.header_language_selector') == False"/>
                            <!-- Language Selector -->
                            <t t-call="website.placeholder_header_language_selector">
                                <t t-set="_div_classes" t-valuef="d-flex align-items-center h-100"/>
                                <t t-set="_btn_class" t-valuef="btn btn-sm btn-outline-secondary border-0"/>
                            </t>
                            <!-- Text element -->
                            <!-- Return empty placeholder if the element is not active to keep the right layout -->
                            <li class="o_header_sales_two_txt_elts_placeholder" t-if="is_view_active('website.header_text_element') == False"/>
                            <t t-call="website.placeholder_header_text_element">
                                <t t-set="_txt_elt_content" t-valuef="sentence"/>
                                <t t-set="_div_class" t-valuef="d-flex align-items-center mx-auto"/>
                                <t t-set="_item_class" t-valuef="d-flex align-items-center"/>
                            </t>
                            <!-- Social -->
                            <!-- Return empty placeholder if the element is not active to keep the right layout -->
                            <li class="o_header_sales_two_social_links_placeholder" t-if="is_view_active('website.header_social_links') == False"/>
                            <t t-call="website.placeholder_header_social_links">
                                <t t-set="_div_class" t-valuef="d-flex align-items-center justify-content-end h-100"/>
                            </t>
                        </ul>
                    </div>
                    <div aria-label="Middle" t-attf-class="#{header_content_width} d-flex justify-content-between align-items-center py-1">
                        <!-- Brand -->
                        <t t-call="website.placeholder_header_brand">
                            <t t-set="_link_class" t-valuef="me-4"/>
                        </t>
                        <ul class="navbar-nav align-items-center gap-1">
                            <!-- Search bar -->
                            <t t-call="website.placeholder_header_search_box" t-nocache="The searchbox should not cache previous searches.">
                                <t t-set="_input_classes" t-valuef="rounded-start-pill ps-3 text-bg-light"/>
                                <t t-set="_submit_classes" t-valuef="rounded-end-pill p-3 bg-o-color-3 lh-1"/>
                            </t>
                            <!-- Sign In -->
                            <t t-call="portal.placeholder_user_sign_in">
                                <t t-set="_link_class" t-valuef="{{_additional_btn_color or 'nav-link o_nav_link_btn'}} ms-2 border px-3"/>
                            </t>
                            <!-- User Dropdown -->
                            <t t-call="portal.user_dropdown">
                                <t t-set="_user_name" t-value="true"/>
                                <t t-set="_icon" t-value="true"/>
                                <t t-set="_icon_class" t-valuef="fa-stack"/>
                                <t t-set="_item_class" t-valuef="dropdown"/>
                                <t t-set="_link_class" t-valuef="btn d-flex align-items-center border-0 fw-bold text-reset o_navlink_trigger_hover"/>
                                <t t-set="_icon_wrap_class" t-value="'position-relative me-2 p-2 rounded-circle o_navlink_background transition-base'"/>
                                <t t-set="_dropdown_menu_class" t-valuef="dropdown-menu-end"/>
                            </t>
                        </ul>
                    </div>
                </div>
                <div aria-label="Bottom" class="border-top o_border_contrast">
                    <div t-attf-class="#{header_content_width} d-flex justify-content-between">
                        <!-- Navbar -->
                        <t t-call="website.navbar_nav">
                            <t t-set="_nav_class" t-valuef="align-items-center me-4 py-1"/>

                            <!-- Menu -->
                            <t t-foreach="website.menu_id.child_id" t-as="submenu">
                                <t t-call="website.submenu">
                                    <t t-set="item_class" t-valuef="nav-item"/>
                                    <t t-set="link_class" t-valuef="nav-link"/>
                                </t>
                            </t>
                        </t>
                        <!-- Call To Action -->
                        <ul class="navbar-nav">
                            <t t-call="website.header_call_to_action_stretched">
                                <t t-set="_div_class" t-valuef="d-flex h-100"/>
                            </t>
                        </ul>
                    </div>
                </div>
            </div>
        </t>
        <t t-call="website.template_header_mobile">
            <t t-set="_txt_elt_content" t-valuef="sentence"/>
            <t t-set="_extra_navbar_classes" t-valuef="o_header_force_no_radius"/>
        </t>
    </xpath>
</data>

