<?xml version="1.0"?>
<data inherit_id="website.layout" name="Template Header Rounded Box" active="False">
    <xpath expr="//header//nav" position="replace">
        <div class="container py-3 px-0">
            <t t-call="website.navbar">
                <t t-set="_navbar_classes" t-valuef="o_full_border d-none d-lg-block rounded-pill py-2 px-3 shadow-sm"/>

                <div id="o_main_nav" class="o_main_nav container">
                    <!-- Brand -->
                    <t t-call="website.placeholder_header_brand">
                        <t t-set="_link_class" t-valuef="me-4"/>
                    </t>
                    <!-- Navbar -->
                    <t t-call="website.navbar_nav">
                        <t t-set="_nav_class" t-valuef="me-auto"/>

                        <!-- 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>
                    <!-- Extra elements -->
                    <ul class="navbar-nav align-items-center gap-1 flex-wrap flex-shrink-0 justify-content-end ps-3">
                        <!-- Search Bar -->
                        <t t-call="website.placeholder_header_search_box" t-nocache="The searchbox should not cache previous searches.">
                            <t t-set="_layout" t-valuef="modal"/>
                            <t t-set="_input_classes" t-valuef="border border-end-0 p-3"/>
                            <t t-set="_submit_classes" t-valuef="border border-start-0 px-4 bg-o-color-4"/>
                            <t t-set="_button_classes" t-valuef="o_navlink_background text-reset"/>
                        </t>
                        <!-- Text element -->
                        <t t-call="website.placeholder_header_text_element"/>
                        <!-- Social -->
                        <t t-call="website.placeholder_header_social_links"/>
                        <!-- Language Selector -->
                        <t t-call="website.placeholder_header_language_selector">
                            <t t-set="_btn_class" t-valuef="{{_additional_btn_color or 'nav-link'}} d-flex align-items-center gap-1 border-0 rounded-pill px-3"/>
                            <t t-set="_txt_class" t-valuef="small"/>
                            <t t-set="_dropdown_menu_class" t-valuef="dropdown-menu-end"/>
                        </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'}} border px-3"/>
                        </t>
                        <!-- User Dropdown -->
                        <t t-call="portal.user_dropdown">
                            <t t-set="_icon" t-value="true"/>
                            <t t-set="_user_name" t-value="false"/>
                            <t t-set="_user_name_class" t-valuef="me-auto small"/>
                            <t t-set="_item_class" t-valuef="dropdown"/>
                            <t t-set="_link_class" t-valuef="{{_additional_btn_color or 'nav-link'}} d-flex align-items-center border-0 rounded-pill px-3"/>
                            <t t-set="_dropdown_menu_class" t-valuef="dropdown-menu-end"/>
                        </t>
                        <!-- Call To Action -->
                        <t t-call="website.placeholder_header_call_to_action"/>
                    </ul>
                </div>
            </t>
            <t t-call="website.template_header_mobile">
                <t t-set="_extra_navbar_classes" t-valuef="o_full_border mx-1 rounded-pill px-3"/>
            </t>
        </div>
    </xpath>
</data>

