<ion-header class="theme_dark_bg">
  <button ion-button class="nav_btn theme_color floatLeft"(click)="dismiss()">
     <ion-icon name="ios-arrow-back"></ion-icon>
  </button>
  <div class="nav_header_title floatLeft">Payment Details</div>
  <div class="clear"></div>
</ion-header>
<ion-content padding class="cab_coupon_bg">
	<div class="cab_trip_detail_wrapper">
			<h4 class="text_white">Pickup Point</h4>
			<!-- <p class="floatLeft textLeft width50">{{book.from}}</p> -->
			<!-- <p class="floatRight textRight width50">11 :23 am, 02-08-2017</p> -->
			<div class="clear"></div>
			<br>
			<h4 class="text_white">Drop Point</h4>
			<!-- <p class="floatLeft textLeft width50">{{book.to}}</p> -->
			<!-- <p class="floatRight textRight width50">12 :00 am, 02-08-2017</p> -->
			<div class="clear"></div>
			<br>
			<br>
	</div>
	<div class="cab_coupon_content">
		<p style="padding-top: 0px;margin-top: 0px;margin-bottom: 0px;">Payment Details</p>
		<li>
			<div class="child textLeft">Total</div>
			<!-- <div class="child textRight">Rs. {{ride.amount}}</div> -->
			<div class="clear"></div>
		</li>
		<li>
			<div class="child textLeft">Discount</div>
			<!-- <div class="child textRight">Rs. {{ride.discount}}</div> -->
			<div class="clear"></div>
		</li>
		<li>
			<div class="child textLeft">Due after service</div>
			<!-- <div class="child textRight">Rs. {{ride.amount - ride.discount}}</div> -->
			<div class="clear"></div>
		</li>
	</div>
	
</ion-content>
<ion-footer>
	<div class="theme_bgcolor p10 text_white">
		<p class="floatLeft text_size_18">Total</p>
		<!-- <p class="floatRight text_size_18">Rs.{{ride.amount - ride.discount}}</p> -->
		<div class="clear"></div>
	</div>
	<button ion-button class="cab_footer_btn width100 text_white" (click)="done()">Completed</button>
</ion-footer>
