
<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>

      <p>{{rates[0].cartype}}</p>
      <!-- <h6>Toyota Etios, Ford Fiesta</h6> -->
      <div class="cab_ride_fare_break">{{'ratecard.Fare Breakup'|translate}}</div>
      <ion-grid>
        <div *ngFor="let rate of rates" class="txt_cntr">
          <span class="clr_wht">{{'ratecard.For'|translate}} {{rate.timetype}} {{'ratecard.ride'|translate}}</span>
        <ion-row class="textCenter">
          <ion-col col-4>
            <strong>₹ {{rate.intailrate}}</strong>
            <h5>{{'ratecard.First'|translate}} {{rate.intialkm}}{{'ratecard.km'|translate}}</h5>
          </ion-col>
          <ion-col col-4>
            <strong>₹ {{rate.standardrate}}/{{'ratecard.km'|translate}}</strong>
            <h5>{{'ratecard.After'|translate}} {{rate.intialkm}}{{'ratecard.km'|translate}}</h5>
          </ion-col>
          <ion-col col-4>
            <strong>₹ {{rate.extrahour}}/{{'ratecard.hour'|translate}}</strong>
            <h5>{{'ratecard.Ride time Rate'|translate}}</h5>
          </ion-col>
        </ion-row>
      </div>
      </ion-grid>
      <!-- <h6 class="bottom0">Peak  time charges may apply.</h6> -->
	  <!-- <div class="cab_trip_detail_wrapper">
			<h4 class="text_white">Pickup Point</h4>
			<p class="floatLeft textLeft width50">North Sarovar Road,E City</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">Majestic Junction 3rd Street</p>
			<p class="floatRight textRight width50">12 :00 am, 02-08-2017</p>
			<div class="clear"></div>
			<br>
			<br>
	</div> -->
    </div>
	</div>
</ion-content>
<ion-footer [ngClass]="lang=='ar' ? 'ar' : ''">
<button ion-button class="cab_footer_btn width100" (click)="dismiss()">{{'ratecard.OKAY'|translate}}</button>
</ion-footer>