<ion-side-menus enable-menu-with-back-views="true">
  
  <!-- SIDE MENU CONTENT -->
  <ion-side-menu-content>

    <!-- NAV BAR -->
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button class="button-clear">
        <i class="ion-chevron-left"></i> Back
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button id="sidemenu-icon-left" class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
      </ion-nav-buttons>

      <ion-nav-buttons side="right">
        <button id="sidemenu-icon-right" class="button button-icon button-clear ion-person" menu-toggle="right"></button>
      </ion-nav-buttons>
    </ion-nav-bar>

    <!-- MENU CONTENT -->
    <ion-nav-view name="menuContent" id="menu-content"></ion-nav-view>

  </ion-side-menu-content>

  <!-- LEFT SIDE MENU -->
  <ion-side-menu side="left">
    <ion-header-bar class="bar-stable">
      <h1 class="title">Menu</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>
        <ion-item ng-repeat="link in leftMenuLinks" nav-clear menu-close ng-click="{{link.ngClick}}" href="{{link.href}}">
          {{link.name}}
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>

  <!-- RIGHT SIDE MENU -->
  <ion-side-menu side="right">
    <ion-header-bar class="bar-stable">
      <h1 class="title">User</h1>
    </ion-header-bar>
    <ion-content>
      <ion-list>
        <ion-item ng-repeat="link in rightMenuLinks" nav-clear menu-close ng-click="{{link.ngClick}}" href="{{link.href}}">
          {{link.name}}
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>

</ion-side-menus>