<templates id="template" xml:space="preserve">
    <t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1">
        <xpath expr="//AppsMenu"
               position="replace">
            <li class="dropdown d-flex justify-content-center align-items-center">
                <a class="full" data-toggle="dropdown" data-display="static"
                   href="#">
                    <i class="fa fa-th-large"
                       style="font-size: 18px !important; color: white; margin-top: 3px;"/>
                </a>
                <div class="dropdown-menu fullscreen-menu" role="menu">
                        <div class="search-container form-row align-items-center m-auto mb-5 col-12">
                            <div class="search-input col-md-10 ml-auto mr-auto mb-5"
                                 t-on-input="_searchMenusSchedule">
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text">
                                                <i class="fa fa-search"/>
                                            </div>
                                        </div>
                                        <input type="search"
                                               autocomplete="off"
                                               placeholder="Search menus..."
                                               class="form-control"/>
                                    </div>
                                </div>
                            <div class="search-results col-md-10 ml-auto mr-auto"/>
                            <button class="fullscreen-close">
                                <i class="fa fa-chevron-left"/>
                            </button>
                        </div>

                    <div class="nav-container">
                            <div class="app-menu">
                                <t t-foreach="menuService.getApps()" t-as="app">
                                    <a role="menuitem"
                                       t-attf-href="#menu_id={{app.id}}"
                                       class="dropdown-item o_app mt0"
                                       t-att-data-menu-id="app.menuID"
                                       t-att-data-menu-xmlid="app.xmlID"
                                       t-att-data-action-id="app.actionID">
                                        <img t-att-title="app.name"
                                             style="width: 70px !important;height: 70px !important;border-radius: 0px !important;margin: 5px 5px 5px 5px;"
                                             t-attf-src="data:image/png;base64,{{app.webIconData}}"/>
                                        <b class="a_app_menu_title"><t t-esc="app.name"/></b>
                                    </a>
                                </t>
                            </div>
                        </div>
                    </div>
            </li>
        </xpath>
    </t>
    <t t-name="hue_backend_theme.SearchResults">
        <t t-foreach="results" t-as="result">
            <div class="search_icons">
            <a t-attf-class="o-menu-search-result dropdown-item col-12 ml-auto mr-auto #{result_first ? 'active' : ''}"
               t-attf-style="background-image:url('data:image/png;base64,#{result.webIconData}')"
               t-attf-href="#menu_id=#{result.id}&amp;action_id=#{result.actionID}"
               t-att-data-menu-id="result.id"
               t-att-data-action-id="result.actionID"
               t-raw="result.name"
               onclick="$('.dropdown-menu').removeClass('show'); $('.search-results').addClass('o_hidden'); $('.app-menu').removeClass('o_hidden'); $('.search-input input').val('');"/>
            </div>
        </t>
    </t>

    <t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1">
<!--        <xpath expr="//div[hasclass('o_menu_systray')]" position="replace"/>-->

        <xpath expr="//nav[hasclass('o_main_navbar')]" position="after">

    <div class="sidebar_panel" id="sidebar_panel">
        <div class="sidebar">
            <ul class="sidebar_menu">
                <div class="o_menu_systray" role="menu">
                  <t t-foreach="systrayItems" t-as="item" t-key="item_index">
                    <NotUpdatable>
                        <ErrorHandler onError="error => handleItemError(error, item)">
                            <t t-component="item.Component" t-props="item.props" />
                        </ErrorHandler>
                    </NotUpdatable>
                  </t>
                </div>
	            <t t-foreach="menuService.getApps()" t-as="app">
		            <li>
		            	<a role="menuitem"
                           t-attf-href="#menu_id={{app.id}}"
                           class="nav-link">
		                	<img class="sidebar_img"
                                 t-attf-src="data:image/png;base64,{{app.webIconData}}"/>
                            <b class="a_app_menu_title"><t t-esc="app.name"/></b>
		            	 </a>
		            </li>
		    	</t>
	        </ul>
	    </div>
    </div>
    </xpath>
  </t>

</templates>