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




<ion-content [ngClass]="lang=='ar' ? 'ar' : ''">
    <div #map id="map"></div>
    <div class="jr_bottom_distance_card" *ngIf="temp">
      <div class="jr_bottom_inside">
        <input class="jr_dest_input from" placeholder="{{'map.From'|translate}}" [(ngModel)]="bookData.pickArea" [readonly]="true">
        <input class="jr_dest_input to" placeholder="{{'map.To'|translate}}" [(ngModel)]="bookData.dropArea" [readonly]="true">
      </div>
    </div>

</ion-content>
<ion-footer *ngIf="!temp">
  <div class="jr_bottom_button_bay">
      <button ion-button class="cab_footer_btn" (click)="cancel()">{{'map.Cancel'|translate}}</button>
    </div>
  </ion-footer>
