 
  <ion-header class="nav_header theme_primary">
    <button class="nav_btn floatLeft fm_menu" *ngIf="from_push" ion-button menuToggle>
	</button>   
	<button class="nav_btn floatLeft fm_back" *ngIf="!from_push" ion-button (click)="back()">
    </button>
<div class="nav_header_title floatLeft">
    Quote Overview
</div>

</ion-header>

<ion-content padding class="page_background">
    <div class="f_login_wrapper">
    <h4 *ngIf="quote_list" >Your quote for {{quote_list.work_name}}</h4>
    <hr>
<h4 *ngIf="quote_list" > {{quote_list.name}}</h4>
<h4 *ngIf="quote_list" > {{quote_list.rate}}</h4>
<h4 *ngIf="quote_list" > {{quote_list.address}}</h4>
    <div class="quote_details">
        <ion-grid *ngIf="quote_list" class="p0" >
            <ion-row>
              <ion-col col-5>
                <p>
                  <strong>Note Garage </strong>
                </p>
               
              </ion-col>
              <ion-col col-1><p>:</p></ion-col>
              <ion-col col-6>
                <p>{{quote_list.message}}</p>
                
              </ion-col>
            </ion-row>
            <ion-row>
              <ion-col col-5>
                <p>
                    <strong>Garage Name </strong>
                  </p>
              </ion-col>
              <ion-col col-1><p>:</p></ion-col>
              <ion-col col-6>
                <p> {{quote_list.name}}</p>
                
              </ion-col>
               
            </ion-row>
              
             <ion-grid *ngFor="let parts_list of quote_list.quote.parts" class="p0" >
               <ion-row>
                 <ion-col>
                
                 </ion-col>
               </ion-row>
                  <ion-row >
              <ion-col col-5>
                <p><strong> {{parts_list.name}}</strong></p>
                 
              </ion-col>
              <ion-col col-1><p>:</p></ion-col>
              <ion-col col-6>
                <p> €{{parts_list.price}}</p>
                
              </ion-col>
             </ion-row>
              </ion-grid>
			  <ion-grid *ngFor="let parts_list of quote_list.quote.parts" class="p0" >
               <ion-row>
                 <ion-col>
                
                 </ion-col>
               </ion-row>
                  <ion-row >
              <ion-col col-5>
                <p><strong> {{parts_list.name}}</strong></p>
                 
              </ion-col>
              <ion-col col-1><p>:</p></ion-col>
              <ion-col col-6>
                <p> €{{parts_list.price}}</p>
                
              </ion-col>
             </ion-row>
              </ion-grid>
               
           
            <ion-row>
              <ion-col col-5>
                <p><strong>Labour Charge</strong></p>
              </ion-col>
              <ion-col col-1><p>:</p></ion-col>
              <ion-col col-6> 
                <p>€{{quote_list.quote.labour}}</p>
                 
              </ion-col>
               
            </ion-row>
            <ion-row>
              <ion-col col-5>
                <p><strong>Tax</strong></p>
              </ion-col>
              <ion-col col-1><p>:</p></ion-col>
              <ion-col col-6>
                <p>20%</p>
              </ion-col>
               
            </ion-row>  
			<ion-row>
              <ion-col col-5>
                <p><strong>Total Price</strong></p>
              </ion-col>
              <ion-col col-1><p>:</p></ion-col>
              <ion-col col-6>
                <p>€{{quote_list.quote.total_price}}</p>
              </ion-col>
               
            </ion-row>
            <br>
            <br>
                <ion-row >
                  <ion-col class="textCenter">
                      <button class="fm_signup_btn" ion-button (click)="garage_details(quote_list.garage_id,quote_list.id,quote_list.service_id,quote_list.work_name,quote_list.quote.total_price)" color="secondary" >View Garage & Book</button>
                  </ion-col>
              
               
            </ion-row>
             
          </ion-grid>
    </div>

</div>
</ion-content>
