

<ion-header>
  <ion-toolbar class="header-toolbar-new" >
      <ion-buttons slot="start">
        <nav-buttons (backClick)="goback()" [navigate]="false"></nav-buttons>
      </ion-buttons>
      <ion-title style=" color:white; text-align: center;">{{ts.trPK('userProfile','MyHR-request')}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <!-- <div>
  <ion-row [ngClass]="direction == 'en' ? 'empty-en':'empty-ar' ">{{ts.trPK('general','empty')}}</ion-row>
  </div> -->
  <div>
    <ion-card *ngFor="let ticket of ticketsInfo ;let i = index"  class="result-container"  (click)="openRequestDetailsPage(ticket)">
    <ion-card-content>
      <ion-row style="margin-left: -3px; margin-right: -9px;">
        <ion-col class="text">{{ticket.ticketTypeName}}</ion-col>
        <ion-col class="date">{{ts.trPK('userProfile','postedDate')}} {{(ticket.created)?.substring(0,10)}}</ion-col>
      </ion-row>
      <ion-row>{{ticket.description}}</ion-row>
      <ion-row style="margin-top: 5px;color: #e69f44; font-family:'WorkSans-bold';">{{ticket.ticketStatusName}}</ion-row>
    </ion-card-content>
  </ion-card>
  </div>
</ion-content>
<ion-footer class="footer">
  <div class="Btn">
  <ion-button  class="CreateBtn" (click)="openHRRequestPage()"  >{{ts.trPK('userProfile','createHR-Request')}}</ion-button>
</div>
</ion-footer>

