<ion-header class="nav_header theme_light">
  <!--  <button class="nav_btn floatLeft fm_back" ion-button (click)="back()">
    </button> -->
    <div class="clear"></div>
  </ion-header>
<ion-content class="fm_success_bg" padding>
	<div class="fm_success_wrapper" [hidden]="page=='offered'">
		<div class="fm_success_tick">
			<img src="assets/icon/fm_tick.png">
			<p>Awesome !</p>
			<hr>
		</div>
		
		<div class="fm_success_statement">
			Please give up to 48 hrs for Shops to <br>
respond back with an accurate quote to<br> your inbox
		</div>
	</div>
		<div class="fm_success_wrapper" [hidden]="page=='car_details'" >
		<div class="fm_success_tick">
			<img src="assets/icon/fm_tick.png">
			<p>Booking Success!</p>
			<hr>
		</div>
		<div class="fm_success_statement" *ngIf="book_vals" >
			You have scheduled an appointment with {{book_vals.garage_name}}
			<br>
			<ion-grid>
				<ion-row>
					<ion-col col-6 class="textLeft">Booking Date</ion-col>
					<ion-col col-6 class="textRight"> {{book_vals.bookvals.book_date|date : 'EE,dd.MM.yyyy'}}</ion-col>
				</ion-row>
				<ion-row>
					<ion-col col-6 class="textLeft">Booking Time</ion-col>
					<ion-col col-6 class="textRight"> {{book_vals.bookvals.book_time}}</ion-col>
				</ion-row>
				<ion-row>
					<ion-col col-6 class="textLeft">Service </ion-col>
					<ion-col col-6 class="textRight"> {{book_vals.bookvals.service}}</ion-col>
				</ion-row>
				<ion-row>
					<ion-col col-6 class="textLeft">Service Charge </ion-col>
					<ion-col col-6 class="textRight"> {{book_vals.bookvals.price}}</ion-col>
				</ion-row>
			</ion-grid>
		</div>
		
	</div>
	<p (click)="goto_home()" class="textCenter">Go To Home</p>
</ion-content>

