<header class="nav navbar navbar-fixed-top" data-bind="css:$data.navbar.css">
    <div class="">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-index">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div>
                <!--ko if: $data.logo.useLogo-->
                <div data-bind="css:$data.logo.css">
                    <div class="logo-container">
                        <div class="logo">
                            <img data-bind="attr:{ src: $data.logo.src }" alt="" rel="tooltip" title="" data-placement="bottom" data-html="true">
                        </div>
                    </div>
                </div>
                <!--/ko-->
                <!--ko if:$data.search.useSearch-->
                <div data-bind="css:$data.search.css" style="margin-top:10px;">
                    <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.SearchingList().length > 0">
                                <i class="material-icons clear">undo</i>
                            </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">
                                <i class="material-icons done" data-bind="click:$root.search">search</i>
                            </span>
                        </div>
                    </div>
                </div>
                <!--/ko-->
                <div class="col-xs-12 col-sm-4 col-md-3">
                    <div class="collapse navbar-collapse" id="navigation-index">
                        <ul class="nav navbar-nav navbar-right">
                            <!--ko if:$data.useLoginInfo && $root.loginInfo && $root.loginInfo()-->
                            <li>
                                <a href="#" data-bind="click: $root.SignOut ">
                                    <i class="material-icons">settings_power</i>Oturumu Kapat
                                </a>
                            </li>
                            <li>
                                <a href="#" data-bind="click:$root.refreshCache">
                                    <i class="material-icons">delete</i>Önbelleği Sil
                                </a>
                            </li>
                            <li>
                                <a href="#" data-bind="visible:$root.Queue().length > 0, click:$root.PushQueue">
                                    <i class="material-icons">backup</i>Bekleyen siparişleri Gönder
                                </a>
                            </li>
                            <!--/ko-->
                        </ul>
                    </div>
                </div>  
                </div>           
        </div>
     </div>
</header>