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

            <div id="o_main_nav" t-attf-class="o_main_nav d-grid py-0 o_grid_header_3_cols #{header_content_width}">
                <!-- Nav Toggler -->
                <t t-call="website.navbar_toggler">
                    <t t-set="_toggler_class" t-valuef="btn me-auto p-2"/>
                </t>
                <!-- Brand -->
                <t t-call="website.placeholder_header_brand">
                    <t t-set="_link_class" t-valuef="mw-100 mx-auto"/>
                </t>
                <ul class="o_header_hamburger_right_col navbar-nav flex-row gap-2 align-items-center ms-auto">
                    <!-- Sign In -->
                    <t t-call="portal.placeholder_user_sign_in">
                        <t t-set="_link_class" t-valuef="o_navlink_background btn text-reset"/>
                    </t>
                    <!-- User Dropdown -->
                    <t t-call="portal.user_dropdown">
                        <t t-set="_icon" t-value="true"/>
                        <t t-set="_item_class" t-valuef="dropdown"/>
                        <t t-set="_icon_class" t-valuef="fa-stack"/>
                        <t t-set="_link_class" t-valuef="o_navlink_background btn d-flex align-items-center rounded-circle p-1 pe-2 text-reset"/>
                        <t t-set="_dropdown_menu_class" t-valuef="dropdown-menu-end"/>
                    </t>
                </ul>
                <div class="offcanvas offcanvas-start o_navbar_mobile" id="top_menu_collapse">
                    <div class="offcanvas-header justify-content-end">
                        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"/>
                    </div>
                    <div class="offcanvas-body d-flex flex-column justify-content-between pt-0">
                        <ul class="navbar-nav">
                            <!-- 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 bg-o-color-3"/>
                                <t t-set="limit" t-valuef="0"/>
                            </t>
                            <!-- Navbar -->
                            <li>
                                <t t-call="website.navbar_nav">
                                    <t t-set="is_vertical_nav" t-valuef="True"/>
                                    <t t-set="offcanvas_is_leftside" t-valuef="True"/>
                                    <t t-set="_nav_class" t-valuef="mt-3"/>

                                    <!-- 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 border-top #{submenu_last and 'border-bottom'}"/>
                                            <t t-set="link_class" t-valuef="nav-link p-3 text-wrap"/>
                                            <t t-set="dropdown_toggler_classes" t-valuef="d-flex justify-content-between align-items-center"/>
                                            <t t-set="dropdown_menu_classes" t-valuef="position-relative rounded-0 o_dropdown_without_offset"/>
                                        </t>
                                    </t>
                                </t>
                            </li>
                            <!-- Text element -->
                            <t t-call="website.placeholder_header_text_element">
                                <t t-set="_txt_elt_content" t-valuef="phone_mail"/>
                                <t t-set="_div_class" t-valuef="mt-2"/>
                            </t>
                            <!-- Social -->
                            <t t-call="website.placeholder_header_social_links">
                                <t t-set="_div_class" t-valuef="mt-2 border-top pt-2 o_border_contrast"/>
                            </t>
                        </ul>
                        <ul class="navbar-nav gap-2 mt-3 w-100">
                            <!-- 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 w-100"/>
                                <t t-set="_txt_class" t-valuef="me-auto small"/>
                                <t t-set="_flag_class" t-valuef="me-2"/>
                                <t t-set="_div_classes" t-valuef="dropup"/>
                                <t t-set="_dropdown_menu_class" t-valuef="w-100"/>
                            </t>
                            <!-- Call To Action -->
                            <t t-call="website.header_call_to_action_large"/>
                        </ul>
                    </div>
                </div>
            </div>
        </t>
        <t t-call="website.template_header_mobile">
            <t t-set="_txt_elt_content" t-valuef="phone_mail"/>
        </t>
    </xpath>
</data>

