<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">

<t t-name="web_enterprise.HomeMenu" owl="1">
    <div class="o_home_menu h-100 overflow-auto" t-att-class="{ o_ios_app: state.isIosApp }">
        <div class="container">
            <input t-ref="input" type="text" class="o_search_hidden visually-hidden w-auto" data-allow-hotkeys="true" t-on-input="_onInputSearch" t-on-blur="_onInputBlur" t-on-compositionstart="_onCompositionStart"/>
            <!-- When the subscription has expired, the expiration panel is show over the whole UI instead of here -->
            <ExpirationPanel t-if="subscription.warningType and !subscription.isWarningHidden and subscription.daysLeft &lt;= 30 and subscription.daysLeft > 0"/>
            <div t-if="displayedApps.length" role="listbox" class="o_apps row user-select-none mt-5">
                <a t-foreach="displayedApps" t-as="app"
                    t-att-id="'result_app_' + app_index"
                    role="option"
                    t-att-aria-selected="state.focusedIndex === app_index ? 'true' : 'false'"
                    class="o_app o_menuitem col-4 col-sm-3 col-md-2 p-2 mb-3 d-flex flex-column rounded justify-content-center align-items-center"
                    t-att-class="{o_focused: state.focusedIndex === app_index}"
                    t-att-data-menu-xmlid="app.xmlid"
                    t-att-href="app.href || ('#menu_id='+app.id+'&amp;action_id='+app.actionID)"
                    t-key="app.id"
                    t-on-click.prevent="() => this._onAppClick(app)"
                    >
                    <img t-if="app.webIconData" class="o_app_icon rounded"
                        t-attf-src="{{app.webIconData}}"
                    />
                    <div t-else="" class="o_app_icon rounded d-flex p-2 justify-content-center align-items-center"
                        t-attf-style="background-color: {{app.webIcon.backgroundColor}};"
                        >
                        <i t-att-class="app.webIcon.iconClass" t-attf-style="color: {{app.webIcon.color}};"/>
                    </div>
                    <div class="o_caption w-100 text-center text-truncate mt-2" t-esc="app.label or app.name"/>
                </a>
            </div>
            <div t-elif="!displayedApps.length" id="result_menu_0" role="option" aria-selected="true" class="o_no_result">
                No result
            </div>
        </div>
    </div>
</t>

<t t-name="web_enterprise.HomeMenu.CommandPalette.Footer" owl="1">
    <span>
        <span class='fw-bolder text-primary'>TIP</span> — open me anywhere with <span t-esc="controlKey" class='fw-bolder text-primary'/> + <span class='fw-bolder text-primary'>K</span>
    </span>
</t>

</templates>
