


<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div style="margin-right:0; margin-left:0; padding-right:50px; width: 145px; height: 45px" class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a style="padding-left: 50px" class="navbar-brand" href="#">
              <a class="fusion-logo-link" href="http://www.bitmark.io">
                <img src="/images/bitmark-purple.png" width="45" height="45">
              </a>
            </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="padding-right:25px;">
            <ul class="nav navbar-nav">
                <li onClick="document.cookie='state=home; expires=Thu, 01 Jan 2222 00:00:01 GMT; path=/;'"
                    ng-click="$parent.home_status=true; $parent.profile_status=false; $parent.wallet_status=false"
                    ng-class="$parent.home_status?'active':''">
                    <a style="padding-top: 17px" href="#">Home</span></a>
                </li>
                <li onClick="document.cookie='state=wallet; expires=Thu, 01 Jan 2222 00:00:01 GMT; path=/;'"
                    ng-click="$parent.home_status=false; $parent.profile_status=false; $parent.wallet_status=true"
                    ng-class="$parent.wallet_status?'active':''">
                    <a style="padding-top: 17px" href="#">Wallet</a>
                </li>
                <li onClick="document.cookie='state=profile; expires=Thu, 01 Jan 2222 00:00:01 GMT; path=/;'"
                    ng-click="$parent.profile_status=true; $parent.home_status=false; $parent.wallet_status=false"
                    ng-class="$parent.profile_status?'active':''">
                    <a style="padding-top: 17px" href="#">Profile</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">


                  <div class="item">
                      <span ng-if="notifications.length > 0" class="notify-badge">{{ notificationAmount() }}</span>
                      <img class="avatar-navbar" ng-src="/uploads/{{data.username}}" alt="">
                  </div>


                  <span title="Your reputation." class="reputation">{{$parent.reputation||0}}</span>
                  <span title="Your balance." class="balance">{{$parent.balance}}</span>
                </a>
                <ul class="dropdown-menu">
                  <li ng-repeat="notification in notifications track by $index">
                    <a href="#" ng-click="notificationClicked(notification)">
                      {{notification.amount}} {{notification.amount == 1 ? "reply" : "replies"}} to your post
                      <div class="notification">{{ notification.message | limitTo: 130 }}{{ notification.message.length > 130 ? '&hellip;' : '' }}</div>
                    </a>
                  </li>
                  <!-- <li onClick="document.cookie='state=home'" ng-click="$parent.home_status=true; $parent.profile_status=false; $parent.wallet_status=false"
                    ng-class="$parent.home_status?'active':''">
                  <a href="#">Home</a>
                </li>
                <li onClick="document.cookie='state=wallet'" ng-click="$parent.home_status=false; $parent.profile_status=false; $parent.wallet_status=true"
                    ng-class="$parent.wallet_status?'active':''">
                  <a href="#">Wallet</a>
                </li>
                <li onClick="document.cookie='state=profile'" ng-click="$parent.profile_status=true; $parent.home_status=false; $parent.wallet_status=false"
                    ng-class="$parent.profile_status?'active':''">
                  <a href="#">Profile</a>
                </li> -->
                  <li class="nav-divider"></li>
                  <li><a ng-click="logout()" href="#">Sign Out</a></li>
                </ul>
              </li>
            </ul>
            <div class="navbar-form navbar-right">
                <input style="background-color: #7f7f7f;border-radius: 25px;" ng-show="!selected_style" type="text" ng-model="$parent.search_posts" class="form-control ng-pristine ng-untouched ng-valid ng-empty" placeholder="Search Posts">
                <input style="background-color: #7f7f7f;border-radius: 25px;" ng-show="selected_style" type="text" ng-model="$parent.search_replies" class="form-control ng-pristine ng-untouched ng-valid ng-empty" placeholder="Search Replies">
            </div>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>