<ion-header class="nav_header theme_primary">
    <button class="nav_btn floatLeft" ion-button (click)="back()">
        <ion-icon name="ios-arrow-back"></ion-icon>
    </button>
  <div class="nav_header_title floatLeft">
  Your Services
  </div>
</ion-header>
<ion-content padding class="page_background">
  <div class="f_login_wrapper" *ngIf="services_offered" >

        <div class="login_wizard_head">Services Offered
          by your Shop</div>
	
    <ion-list>
      <ion-item *ngFor="let serv of services_offered; let i=index" >
        <ion-label class="floatLeft">  {{serv.service}} </ion-label>
        <ion-label class="floatRight textRight">  {{serv.price}} </ion-label>
        <div class="clear"></div>
        </ion-item>
    </ion-list>
    <button class="login_btn theme_green widthFull"  ion-button full  (click)="edit_services()" >Add Further Services</button>
   <button class="login_btn theme_lblue widthFull"  ion-button full  (click)="login()" >Next</button>

	 
	    
  </div>

</ion-content>
<ion-footer padding>
  
</ion-footer>
