  <app-generic-header
    showImage="false"
    showBack="false"
    navigate="false"
    backlink="false"
    [headerText]="'general,filter-offers' | translate">
  </app-generic-header> 

 
  <ion-content>
<div class="container-icon" *ngIf="categories.length>0">
  
  <ion-item lines="none" *ngFor="let key of categories" (click)="filterOffers(key)" [ngClass]="{'active':activeClass==key.categoryName_en }">
    <ion-label *ngIf="direction =='ltr'">
      {{key.categoryName_en}}
    </ion-label>
    <ion-label *ngIf="direction =='rtl'">
      {{key.categoryName_ar}}
    </ion-label>
    <ion-thumbnail slot="start">
      <div class="top-filter" [innerHTML]="key.content"></div>
    </ion-thumbnail>
  </ion-item>
 
 
</div>

<ion-footer >
  <div class="centerDiv">
    <ion-button  class="footer-button" ion-button (click)="applyFilters()">
      {{ts.trPK('general','apply-filters')}}  </ion-button>
  
  </div>
  </ion-footer>
</ion-content>