<ion-menu [content]="content">
  <ion-content class="theme_bgcolor">
    <div class="cab_sidemenu_wrapper">
      <div menuClose class="cab_profile_banner" (click)="openPage('MyprofilePage')">
        <div class="cab_profile_picture">
          <img [src]="local?.image">
        </div>
        <p>{{local?.name}}</p>
        <h6>{{local?.dial_code}} {{local?.phone}}</h6>   
      </div>
          <ion-list>
            <ion-item class="item_cstm">
              <ion-label>Online</ion-label>
              <ion-toggle #toggle [(ngModel)]="status" (ionChange)=statusChange()></ion-toggle>
            </ion-item>
            </ion-list>
      <div class="cab_sidemenu_list">
        <ul>
          <li menuClose (click)="openPage('HomePage')">My Rides</li>
          <li menuClose (click)="openPage('UploaddocPage')">Documents</li>
          <li menuClose (click)="openPage('ChangepassPage')">Change Password</li>
          <li menuClose (click)="openPage('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>