
<div class="navbar-orange">
    <div data-bind="visible:$root.loginInfo()" style="display:none;">
        <div class="col-xs-2 col-sm-2 col-md-2 text-center" data-bind="click:$root.HeaderLeftClick">
            <img data-bind="attr:{'src': $root.HeaderLeftIcon }" style="height: 35px;" />           
        </div>
        <div class="col-xs-8 col-sm-8 col-md-8">
            <!--ko if: $root.Navigation() == screens.productList || $root.Navigation() == screens.searchView-->
            <div class="searchInput">
                <div class="input-group">
                    <span class="input-group-addon" title="Menüye geri dönmek için tıklayınız" data-bind="click:$root.visibleAll,visible:$root.SearchList().length > 0">
                        <img src="~/Upload/icon/close_kare.png" style="max-height:25px;" />
                    </span>
                    <input type="text" class="form-control" data-bind="value:$root.Query,valueUpdate: 'input',event: {keypress: $root.onEnter}" placeholder="Ara..">
                    <span class="input-group-addon">
                        <img src="~/Upload/icon/search_left2.png" data-bind="click:$root.search" style="max-height:20px;" />
                    </span>
                </div>
            </div>
            <!--/ko-->
            <!--ko if: $root.Navigation() != screens.productList && $root.Navigation() != screens.searchView-->
            <div class="header-title" data-bind="html:$root.HeaderTitle"></div>
            <!--/ko-->
           
        </div>
        <div class="col-xs-2 col-sm-2 col-md-2 text-center notificationDiv" data-bind="click:$root.HeaderRigthClick">
            <img class="headerIcon" data-bind="attr:{ 'src': $root.HeaderRightIcon}, visible: $root.HeaderRightIcon() != '' ? true : false" />
            <!--ko if: $root.Navigation() == screens.productList || $root.Navigation() == screens.searchView-->
            <span id="notificationCount" data-bind="fadeSwitcher:$root.SignalRNotificationsCount"></span>
            <!--/ko-->
        </div>
    </div>
</div>
<div class="col-xs-12 col-sm-5 col-md-4 appmenuitems" data-bind="visible:$root.AppMenuItems" style="display:none;">
    <div class="col-xs-12 col-sm-12 col-md-12">
        <a href="#" data-bind="click: $root.SignOut ">
            <img src="~/Upload/icon/profile white.png" style="max-height:25px;" /><span class="ml15">Oturumu Kapat</span>
        </a>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12">
        <a href="#" data-bind="click:$root.refreshCache">
            <img src="~/Upload/icon/arrow_repeat .png" style="max-height:25px;" /><span class="ml15">Ürünleri Yeniden Yükle</span>
        </a>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12">
        <a href="#" data-bind="click:$root.RemoveAllCache">
            <img src="~/Upload/icon/delete.png" style="max-height:25px;" /><span class="ml15">Önbelleği Sil</span>
        </a>
    </div>
</div>