<ion-content [ngClass]="lang=='ar' ? 'ar' : ''">
  <div class="theme_transparent_bg cab_home_custom_header">
    <button ion-button class="nav_btn theme_color floatLeft" menuToggle>
       <ion-icon name="ios-menu"></ion-icon>
    </button>
    <div class="clear"></div>
  </div>
  <div class="cab_map">
      <div #map id="map">
      </div>
  </div>
  <button ion-button class="cab_button_search theme_bgcolor" (click)="searchride()"><ion-icon name="search"></ion-icon></button>
</ion-content>
<ion-footer [ngClass]="lang=='ar' ? 'ar' : ''">
  <form [formGroup]="locForm">
  <div class="cab_footer_location theme_bgcolor">
    <input class="cab_location_input cab_current" placeholder="{{'home.Pickup Location'|translate}}" id="pickUp" formControlName="pickLoc">
    <input class="cab_location_input cab_destination" placeholder="{{'home.Drop Location'|translate}}" id="drop" formControlName="dropLoc">
  </div>
  </form>
  <div class="cab_footer_btn_bay">
    <button ion-button class="cab_footer_btn single_btn" (click)="ridemore()" [disabled]="locForm.invalid">{{'home.BOOK A RIDE'|translate}}</button>
    <!--  -->
    <div class="clear"></div>
  </div>
</ion-footer>
