<div class="app_nav anc_nav {{mode}}" ng-class="{'visible': togglenav}">
  <div class="page_title admin_label">
    {{getCurrentPageLabel()}}
  </div>
  <div class="toggler" ng-click="togglenav=!togglenav">
    <i class="fa" ng-class="{'fa-bars': !togglenav, 'fa-times': togglenav}"></i>
    Navigation
  </div>
  <div class="links clearfix" ng-class="{'visible': togglenav}">
    <div
      ng-repeat="item in navigation"
      class="card {{ item.key }}"
      ng-class="{'current':item.current}"
      ng-click="goto(item)"
    >
      <div class="pic">
        <i class="fa icon fa-{{item.icon}}"></i>
      </div>
      <div class="infos">
        <div class="title">{{item.label}}</div>
        <div
          class="desc"
          ng-show="mode=='expanded'"
          ng-bind-html="item.description"
        ></div>
      </div>
    </div>
  </div>
  <div ng-show="$root.canEditTheme() && togglenav" class="user-theme">
    <label>
      <translate>rights.users.dark_theme</translate>
    </label>
    <toggle-switch
        ng-init="$root.isDarkTheme = $root.xgos.currentTheme === 'dark'"
        ng-model="$root.isDarkTheme"
        ng-change="addThemeToUser()"
        on-label="{{'rights.users.sombre' | translate}}"
        off-label="{{'rights.users.clair' | translate}}"
    />
  </div>
</div>
