<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">
    	Ride Details
    </div>
    <div class="clear"></div>
</ion-header>
<ion-content padding>
<div class="jr_profile_content1">
  <div class="jr_from_to">
    <li>
      <div class="child1 from"><div class="jr_box1"></div></div>
      <div class="child2 yellow"><strong>{{details.from}}</strong>
      <p>{{details.fromAd}}</p></div>
      <div class="jr_clear"></div>
    </li>
    <li>
      <div class="child1 to"></div>
      <div class="child2 grey"><strong>{{details.to}}</strong>
      <p>{{details.toAd}}</p></div>
      <div class="jr_clear"></div>
    </li>
  </div>
  <hr>
  <br>


  <div class="jr_search_bottom_bay jr_padding0" >
    <div class="jr_search_profile">
      <img [src]=baseurl+details.image>
    </div>
    <div class="jr_search_profile_detail">
      <br>
      <h6>{{details.username}}</h6>
      <span class="jr_star_ratting">
        <strong>{{details.pickup_date|date:'dd/MM/yy'}}&nbsp;&nbsp;&nbsp;{{details.pickup_time}}
       </strong></span>
      <br>
    </div>
    <div class="jr_clear"></div>
  </div>

   <div class="jr_bottom_button_bay" *ngIf="details.status=='Booking'">
      <button ion-button class="cab_footer_btn" (click)="pick()">Pick Up</button>
    </div>
</div>

</ion-content>