<nav class="nav-primary hidden-xs" ng-controller="LeftNavigationController">

    <div ng-include="'modules/core/views/user-info.client.view.html'"></div>

    <div class="well-sm text-muted title" translate>core.leftNav.title</div>
    <ul class="nav nav-main">
        <li ng-repeat="item in menu.items | orderBy: 'position' " ng-class="{ active: $state.includes(item.link)}">
            <a data-ui-sref="{{item.link}}" title="{{item.title | translate}}" class="auto">
                <i ng-if="item.iconClass" class="navigation-icon {{item.iconClass}}"> </i><strong translate>{{item.title}}</strong>
            </a>
        </li>
        <!-- Scrollbar having issues in IE and Firefox, so these breaks push all the menu items up a few lines--><br><br><br><br><br>
    </ul>
    <br>
    <footer class="hidden-xs">
        <small>Powered by <a href="http://www.arkcase.com" target="_blank">ArkCase.com</a></small>
        <button class="btn btn-icon" ng-hide="isLeftMenuCollapsed" ng-click="isLeftMenuCollapsed = true">
            <i class="fa fa-chevron-circle-left"></i>
        </button>
        <button class="btn btn-icon" ng-show="isLeftMenuCollapsed" ng-click="isLeftMenuCollapsed = false">
            <i class="fa fa-chevron-circle-right"></i>
        </button>
    </footer>

</nav>

