<ion-menu [content]="content">
  <ion-content class="cab_sidemenu_bg">
    <div class="cab_sidemenu_wrapper">
      <div menuClose class="cab_profile_banner" (click)="open_page('ProfilePage')" *ngIf="local">
        <div class="cab_profile_picture">
          <img [src]=local.image>
        </div>
        <h6>{{local.name}}</h6>
        <p>{{local.dial_code}}{{local.mobile}}</p>
      </div>
      <div class="cab_sidemenu_list">
        <ul>
          <li menuClose class="book" (click)="open_page('HomePage')">Book Ride</li>
          <li menuClose class="trip" (click)="open_page('MytripsPage')">My Trips</li>
          <li menuClose class="settings" (click)="open_page('SettingsPage')">Settings</li>
          <li menuClose class="logout" (click)="open_page('LandingPage')">Logout</li>
        </ul>
      </div>
    </div>
  </ion-content>

</ion-menu>

<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
