<ion-header class="theme_dark_bg" [ngClass]="lang=='ar' ? 'ar' : ''">
    <button class="nav_btn theme_color floatLeft">
           <ion-icon name="ios-arrow-back" (click)="back()"></ion-icon>
    </button>
    <div class="nav_header_title floatLeft">
    	{{'quickride.Quick Ride'|translate}}
    </div>
    <div class="clear"></div>
</ion-header>
<ion-content padding [ngClass]="lang=='ar' ? 'ar' : ''">
<div class="jr_profile_content1">

	<div class="jr_search_bottom_bay jr_padding0" >
		<h5>{{'quickride.You have a ride request'|translate}}</h5>
	<hr>
    <div class="jr_search_profile">
      <img [src]=rideDetail?.image >
    </div>
    <div class="jr_search_profile_detail">
      <br>
      <h6>{{rideDetail?.username}}</h6>
    </div>
    <div class="jr_clear"></div>
  </div>
  <br>
  <hr>
  <br>
  <div class="jr_from_to">
    <li>
      <div class="child1 from"><div class="jr_box1"></div></div>
      <div class="child2 yellow"><strong>{{rideDetail?.from}}</strong>
      <p>{{rideDetail?.fromAd}}</p></div>
      <div class="jr_clear"></div>
    </li>
    <li>
      <div class="child1 to"></div>
      <div class="child2 grey"><strong>{{rideDetail?.to}}</strong>
      <p>{{rideDetail?.toAd}}</p></div>
      <div class="jr_clear"></div>
    </li>
  </div>
  <p class="time">{{'quickride.Date'|translate}} : <strong>{{rideDetail?.pickup_date| date:'dd/MM/yy'}} - {{rideDetail?.pickup_time}}</strong></p>
  

   <div class="jr_bottom_button_bay">
      <button ion-button class="cab_footer_btn floatLeft accept" (click)="accept()">{{'quickride.Accept'|translate}}</button>
      <button ion-button class="cab_footer_btn floatRight reject" (click)="reject()">{{'quickride.Reject'|translate}}</button>
      <!-- <button ion-button class="cab_footer_btn width100" (click)="pick()" *ngIf="pickUp">Pick Up</button> -->
    </div>
</div>

</ion-content>