<ion-content class="bg_transparent">
  <div class="cab_ride_pop">
    <div class="cab_ride_inner theme_bgcolor" style="padding-top: 15px;">
		<div class="cab_ride_down_arrow theme_bgcolor">
			<ion-icon name="ios-arrow-down-outline"(click)="dismiss()"></ion-icon>
		</div>
      <ion-grid>
        <ion-row>
          <ion-col col-6 style="border-right: 1px solid #fff;">
            <div class="cab_pop_detail_left floatLeft" [style.backgroundImage]="'url('+ details?.carDetails.car_image +')'"></div>
            <div class="cab_pop_details floatLeft textLeft">
              <strong>Cab Type</strong>
              <h5>{{details?.carDetails?.car_type}}</h5>
            </div>
            <div class="clear"></div>
          </ion-col>
          <ion-col col-6>
            <div class="cab_pop_detail_left floatLeft c6"></div>
            <div class="cab_pop_details floatLeft textLeft">
              <strong>Pickup Time</strong>
              <h5>02 Min from now</h5>
            </div>
            <div class="clear"></div>
          </ion-col>
        </ion-row>
      </ion-grid>
      <div class="cab_ride_offer">
        <li (click)="ratecard()">Rate Card</li>
        <li>Rate Estimate</li>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</ion-content>
<ion-footer>
  <div class="cab_footer_btn_bay">
    <button ion-button class="cab_footer_btn floatRight" (click)="addcoupon()">CONFIRM RIDE</button>
    <button ion-button class="cab_footer_btn floatLeft"  (click)="dismiss()">CANCEL RIDE</button>
    <div class="clear"></div>
  </div>
</ion-footer>
