<div id="search-results" ng-class="{'search-to-front':search.barExtended}">
    <div ng-if="displayError()" class="error-msg">
        <span ng-if="search.errorMsg.noResults.length!=0" ng-bind="(search.errorMsg.noResults|translate) + ' \'' + search.selected + '\'.'"></span>
        <span ng-if="search.errorMsg.shortInput!=0" ng-bind="(search.errorMsg.shortInput|translate)"></span>
    </div>
</div>
<div class="navbar navbar-default navbar-fixed-top m-navbar" role="navigation" bs-navbar id="navbar">
    <div class="container-fluid">
        <div class="pull-left">
            <div class="menu-panel-btn" type="button" data-template="view/layout/aside.html" data-animation="am-slide-left" data-placement="left" data-container="body" bs-aside="side"
                    ng-click="onMenuButtonPanelClick()">
                <img src="/assets/images/menu/ic_menu.png" class="menu-icon" ng-class="{'hide-header': search.barExtended}"/>
            </div>
        </div>
        <div class="pull-left">
            <!--Heading for small screens !-->
            <div of-page-title class="left-side-hidden"></div>
            <!--Heading for big screens (no action) !-->
            <div of-page-title class="left-side-fixed">
            </div>
        </div>
        <div of-search-bar class="search-bar">
            <form class="form-inline" role="form">
                <div class="form-group">
                    <img of-click="openSearch()"  src="assets/images/ic_search_inverse.png" />
                    <input type="text" spellcheck="false" data-min-length=3 ng-blur="hideSearch(); resetError()" data-delay={{CONFIG.search.delay}} data-trigger="focus" data-limit={{CONFIG.search.limit}} data-container="#search-results" ng-model="search.selected" ng-options="item.name for item in find($viewValue)" data-template='/view/layout/searchResult.html' bs-typeahead>
                    <span class="icon-remove" of-click="hideSearch()" ></span>
                </div>
            </form>
        </div>
    </div>
</div>
