<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/app/tabs/home"></ion-back-button>
    </ion-buttons>
    <ion-title>{{ 'NOTIFICATIONS' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div *ngFor="let item of notifications; let i = index">
    <ion-card class="notification-card" *ngIf="!deletedNotifications.includes(item.id)">
      <p class="notification-title" *ngIf="item.title">{{ item.title }}</p>
      <p class="notification-content">{{ item.message }}</p>
      <ion-item lines="none" class="notification-date">
        <span>✔️ {{ item.when_send ? dateFormat(item.when_send) : dateFormat(item.created_at)}}</span>
        <ion-icon slot="end" name="trash-outline" style="color: gray;" (click)="deleteNotification(item.id)"></ion-icon>
      </ion-item>
    </ion-card>
  </div>
</ion-content>