<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">
		  FixPrices
    </div>
</ion-header>
<ion-content padding>
  <div class="fix_price_wrapper">
      <h5>You are looking for <strong>{{services.service}}</strong></h5>
      <p>Service details</p>
      <p><b>{{services.service}} : </b><span *ngIf="services.description!=''"> {{services.description}}</span><span *ngIf="services.description==''"> No Description Available</span></p>
          <div class="fm_wrapper fm_margin_top0">
              <div class="fm_listing">
                <ul *ngIf="garage_list" >
                  <li *ngFor="let garages of garage_list" (click)="shopdetail(garages.id)">
                    <div class="fm_listing_top">
                      <div class="fm_list_pic"> <img [src]="garages.profile_pic"> </div>
                      <div class="fm_list_detail">
                        <h6>{{garages.name}}</h6>
                        <p>{{garages.address}}</p>
              <rating [(ngModel)]="garages.rate" 
              readOnly="true"  
              max="5"  
              emptyStarIconName="star-outline"  
              halfStarIconName="star-half"  
              starIconName="star"  
              nullable="false" 
              (ngModelChange)="onModelChange($event)"></rating>
          
                      </div>
                      <div class="fm_list_price">
                        <span>€{{garages.price}}</span>
                      </div>
                      <div class="clear"></div>
                    </div>
                    <div class="fm_listing_bottom">
                      <div class="fm_line" >
                        <div class="child1"><strong>Open From</strong></div>
                        <div class="child2"  ><p *ngIf="garages.open_time" >: &nbsp;{{garages.open_time.start}} to {{garages.open_time.end}}  </p> <p *ngIf="!garages.open_time" >Closed Today</p></div>
                        <div class="clear"></div>
                      </div>
                      <div class="fm_line">
                        <div class="child1"><strong>Days Open</strong></div>
                        <div class="child2"><p>:&nbsp;<span *ngFor="let days of garages.available_days" >{{days}}</span></p></div>
                        <div class="clear"></div>
                      </div>
                      <div class="fm_line">
                        <div class="child1"><strong>Services</strong></div>
                        <div class="child2"><p>:&nbsp;<span class="service">{{garages.services}}</span> </p></div>
                        <div class="clear"></div>
                      </div>
                       
                    </div>
                  </li>
            
          
      
                </ul>
               <div class="no_resultfound" *ngIf="!garage_list" >
          <img src="assets/imgs/noresult.png">
          <p>No Result Found  </p>
           
        </div>
           
              </div>
            </div>
  </div>
</ion-content>
