<ion-header class="theme_dark_bg" [ngClass]="lang=='ar' ? 'ar' : ''">
  <button ion-button class="nav_btn theme_color floatLeft" (click)="dismiss()">
      <ion-icon name="ios-arrow-back"></ion-icon>
  </button>
  <div class="nav_header_title floatLeft">{{'search.Search Results'|translate}}</div>
  <!-- <button class="nav_btn floatRight"></button> -->
  <div class="clear"></div>
  <!-- <div class="cab_footer_location theme_dark_bg"> -->
	<input class="cab_location_input1 cab_search" placeholder="{{'search.Search'|translate}}" [(ngModel)]="searchText">
  <!-- </div> -->
</ion-header>
<ion-content class="themedark_theme" [ngClass]="lang=='ar' ? 'ar' : ''">
	<div class="cab_search_result_page">
		<p>{{'search.Popular Search'|translate}}</p>
		<ul>
			<li *ngFor="let search of searches | search : searchText" (click)="setDirection(search)">
				<h5>{{search.keyword}}</h5>
				<h6>{{search.location}}</h6>
			</li>
		</ul>
		{{(searches | search: searchText).length}}
				<div class="no_rslt" *ngIf="(searches | search: searchText).length === 0">
					No Results Found
				</div>
	</div>

</ion-content>
