<ion-header class="theme_dark_bg">
    <button class="nav_btn theme_color floatLeft">
           <ion-icon name="ios-arrow-back" (click)="back()"></ion-icon>
    </button>
    <div class="nav_header_title floatLeft">
    	Quick Ride
    </div>
    <div class="clear"></div>
</ion-header>
<ion-content padding>
<div class="jr_profile_content1">

	<div class="jr_search_bottom_bay jr_padding0" >
		<h5>You have a ride request</h5>
	<hr>
    <div class="jr_search_profile">
      <img [src]=baseUrl+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">Day : <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()" *ngIf="!pickUp">Accept</button>
      <button ion-button class="cab_footer_btn floatRight reject" (click)="reject()" *ngIf="!pickUp">Reject</button>
      <button ion-button class="cab_footer_btn width100" (click)="pick()" *ngIf="pickUp">Pick Up</button>
    </div>
</div>

</ion-content>