<ion-side-menus enable-menu-with-back-views="false">
  <ion-side-menu-content>
    <ion-nav-bar class="bar-dark">
      <ion-nav-back-button>
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear icon-avalanche" ng-click="toggleLeft()">
        </button>
      </ion-nav-buttons>
      <ion-nav-buttons side="right">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="right">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="left">
    <ion-content class="left-nav-bg">
      <h2>Missions</h2>
      <ion-list>
        <ion-item ng-repeat="item in currentMissions" menu-close ui-sref="mission.briefing({ missionId: item.slug})" ng-class="{ current: isActive(item.slug) }">
          {{item.title}}
        </ion-item>

        <h2>Direct Messages</h2>
        <ion-list>
          <ion-item menu-close href="#/app/search">
            James Peret
          </ion-item>
        </ion-list>
      </ion-list>
    </ion-content>
  </ion-side-menu>

  <ion-side-menu side="right">
    <ion-content class="right-nav-bg">
      <h3>{{mission.title}}</h3>
      <ion-list>
        <ion-item menu-close ui-sref="mission.briefing({ missionId: mission.slug})" ui-sref-active="current">
          <i class="icon-mission icon-large"></i><span class="icon-large-text">Mission Briefing</span>
        </ion-item>
        <ion-item menu-close ui-sref="mission.activity({ missionId: mission.slug})" ui-sref-active="current">
          <i class="icon-radar icon-large"></i><span class="icon-large-text">Activity Feed</span>
        </ion-item>
        <ion-item menu-close ui-sref="mission.tasks({ missionId: mission.slug})" ui-sref-active="current">
          <i class="icon-task icon-large"></i><span class="icon-large-text">My Tasks</span>
        </ion-item>
        <ion-item menu-close ui-sref="mission.agents({ missionId: mission.slug})" ui-sref-active="current">
          <i class="icon-agent icon-large"></i><span class="icon-large-text">Agents</span>
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>

</ion-side-menus>
