 
<ion-menu [content]="content" [swipeEnabled]="false" fullscreen>
    <ion-content padding>
        <div class="fm_sidemenu_profile_pic">
            <div *ngIf="user_data" class="edit"></div>
			<img *ngIf="user_data" [src]="user_data.profile_pic" >
        </div>
        <h5 *ngIf="user_data" >{{user_data.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)="edit_pro()"  >Edit Profile</li>
            <li  menuClose (click)="schedule()"  >Schedule</li>
            <li  menuClose (click)="booking()"  >History <ion-badge color="danger">{{open_count}}</ion-badge></li> 
			<li  menuClose (click)="viewoffers()"  >View Offers</li> 
			<li  menuClose (click)="legal_notice()" >Legal Notice</li>
			<li  menuClose (click)="viewservices()"  >View Services</li> 
           
            <li *ngIf="user_data" menuClose  (click)="logout()" >Logout  </li>
        </ul>
    </ion-content>
</ion-menu>
<ion-fab right bottom *ngIf="user_data" (click)="home()" menuClose>
	<ion-badge color="danger">{{noti_count}}</ion-badge>
  <button class="theme_primary"  ion-fab color="primary">
  
  <ion-icon name="notifications"></ion-icon></button>
  
</ion-fab>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>