<?xml version="1.0"?>
<data inherit_id="website.placeholder_header_search_box" name="Header Search Bar" active="True">
    <xpath expr="." position="inside">
        <li t-attf-class="#{_item_class}">
            <t t-if="_layout == 'modal'">
                <div class="modal fade css_editable_mode_hidden" id="o_search_modal" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog modal-lg pt-5">
                        <div class="modal-content mt-5">
                            <t t-call="website.header_search_box_input">
                                <t t-set="_classes" t-valuef="input-group-lg"/>
                            </t>
                        </div>
                    </div>
                </div>
                <a t-attf-class="btn rounded-circle p-1 lh-1 #{_button_classes or 'bg-o-color-3'} o_not_editable" data-bs-target="#o_search_modal" data-bs-toggle="modal" role="button" title="Search" href="#">
                    <i class="oi oi-search fa-stack lh-lg"/>
                </a>
            </t>
            <t t-else="">
                <t t-call="website.header_search_box_input"/>
            </t>
        </li>
    </xpath>
</data>

