<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">
    <t
        t-name="web_select_all_companies.SwitchAllCompanyMenu"
        t-inherit="web.SwitchCompanyMenu"
        t-inherit-mode="extension"
        owl="1"
    >
        <xpath expr="//t[@t-key='company.id']" position="before">
            <DropdownItem class="'p-0 bg-white'">
                <div class="d-flex">
                    <div
                        role="menuitemcheckbox"
                        tabindex="0"
                        t-attf-class="{{isCurrent ? 'border-primary' : ''}}"
                        class="border-end toggle_company"
                        t-on-click.stop="() => this.toggleSelectAllCompanies()"
                    >
                            <span class="btn btn-light border-0 p-2">
                                <i
                                class="fa fa-fw py-2 text-primary"
                                t-att-class="isAllCompaniesSelected ? 'fa-check-square text-primary' : 'fa-square-o'"
                            />
                            </span>
                    </div>
                    <div
                        role="button"
                        tabindex="0"
                        class="d-flex flex-grow-1 align-items-center py-0 ps-2 ms-1 me-2 all-companies-item"
                        title="Select All Companies"
                        name="select_all_companies"
                    >
                            <span>All Companies</span>
                    </div>
                </div>
            </DropdownItem>
        </xpath>
    </t>
</templates>
