<ion-menu [content]="content" fullscreen >
    <ion-content padding>
        <div class="fm_sidemenu_profile_pic">
            <div *ngIf="user_data" (click)="edit_profile()" menuClose class="edit"></div>
			<div *ngIf="user_data" class="fm_sidemenu_profile_pic_inner">
			<img *ngIf="user_data.profile_pic" [src]="user_data.profile_pic" > 
			</div>
        </div>
        <h5 *ngIf="user_data" >{{user_data.first_name}}</h5>
        <p *ngIf="user_data" >{{user_data.mobile}} </p>
		<h5 *ngIf="!user_data" >Guest User</h5>
          
        <hr>
        <ul>
            <li *ngIf="!user_data" menuClose (click)="login()" >Login</li>
            <li  menuClose (click)="home()"  >Home</li>
            <!---<li  menuClose (click)="offers()"  >Offers</li>-->
            <li  menuClose (click)="request_quotes()"  >Quotes for Requests</li>
			<li *ngIf="user_data" menuClose (click)="view_booking()" >My Bookings</li>
			<li  menuClose (click)="legal_notice()" >Legal Notice</li>
           
            <li *ngIf="user_data" menuClose  (click)="logout()" >Logout  </li>
        </ul>
    </ion-content>
</ion-menu>
      
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>