<!--
  Generated template for the OverviewPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>overview</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
<ion-grid>
<ion-row>

<ion-col col-4>
Garage:
</ion-col>
<ion-col col-8>
{{garage_name}}
</ion-col>
</ion-row>

<ion-row>
<ion-col col-4>
Booking For:
</ion-col>
<ion-col col-8 *ngIf="bookvals" >
{{bookvals.book_date | date:'dd.MM.yyyy'}} at {{bookvals.book_time}}
 
</ion-col>
</ion-row>

<ion-row>
<ion-col col-4>
Service Details:
</ion-col>

</ion-row>

<ion-row *ngIf="page=='offers'" >
<ion-col >
{{bookvals.description}} 
</ion-col>

</ion-row>
<ion-row *ngFor="let service of bookvals.service" >
<ion-col >
{{service.service}} : {{service.service_desc}}
</ion-col>

</ion-row>
<ion-row>
<ion-col col-4>
Payment:
</ion-col>
<ion-col col-8>
On Site
</ion-col>
</ion-row>
<ion-row *ngIf="page=='offers' || page=='quotes'"  >
<ion-col col-4   >
Spare Parts:
</ion-col>
<ion-col col-8>
OEM-Parts (Erstausrusterqualitat)
</ion-col>
</ion-row>
<ion-row *ngIf="page=='offers' || page=='quotes'"  >
<ion-col col-8>
Warranty on spare parts & work:
</ion-col>
<ion-col col-4>
24 Months
</ion-col>
</ion-row>
<ion-row>
<ion-col col-4>
Total Amount:
<br>
(Incl. 20% MwSt)
</ion-col>
<ion-col col-8>
 €{{bookvals.total_price}}
</ion-col>

</ion-row>
<button (click)="book()" >Book Now</button>
</ion-grid>

</ion-content>
