<ion-content class="bg_transparent" [ngClass]="lang=='ar' ? 'ar' : ''">
  <div class="cab_ride_pop">
    <div class="cab_ride_inner theme_bgcolor">
		<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>{{'ridenow.Cab Type'|translate}}</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>{{'ridenow.Pickup Time'|translate}}</strong>
              <h5>{{'ridenow.02 Min from now'|translate}}</h5>
            </div>
            <div class="clear"></div>
          </ion-col>
        </ion-row>
      </ion-grid>
      <div class="cab_ride_offer">
        <li (click)="ratecard()">{{'ridenow.Rate Card'|translate}}</li>
        <li class="estim_li">{{'ridenow.Rate Estimate'|translate}}
          <div class="rate_est">₹ {{totRate}}</div>
        </li>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</ion-content>
<ion-footer [ngClass]="lang=='ar' ? 'ar' : ''">
  <div class="cab_footer_btn_bay">
    <button ion-button class="cab_footer_btn floatRight" (click)="addcoupon()">{{'ridenow.CONFIRM RIDE'|translate}}</button>
    <button ion-button class="cab_footer_btn floatLeft"  (click)="dismiss()">{{'ridenow.CANCEL RIDE'|translate}}</button>
    <div class="clear"></div>
  </div>
</ion-footer>
