<ion-header>
  <ion-toolbar class="header-toolbar">
    <nav-buttons></nav-buttons>
    <ion-title color="light">{{'eit, update-title' | translate}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <!-- <button  ion-button   (click)="resubmitEit()">next</button> -->
  <div *ngIf="notificationBodyRes?.length > 0 ">
    <ion-card *ngFor="let item of notificationBodyRes; let i=index ">
      <ion-card-header class="hrTitle">

        <div class="hrTitle">{{'workListMain, notfDetails' | translate}} </div>

        <!-- <button ion-button icon-only *ngIf="item.Collection_Notification[0].ACTION!='DELETE_ROW'" (click)="updateEitNot(i)">
                <ion-icon name="create"></ion-icon>
              </button> -->
        <button ion-button *ngIf="item.Collection_Notification[0].ACTION!='DELETE_ROW'" (click)="updateEitNot(i)">
          <img class="imgSize" src="../assets/imgs/edit.png"></button>
      </ion-card-header>

      <ion-card-content>
        <div *ngFor="let notificationBody of item.Collection_Notification ">
          <ion-row *ngIf=" notificationBody.DISPLAY_FLAG != 'N' ">
            <ion-col class="colBold">
              <label for="">{{notificationBody.SEGMENT_PROMPT}}</label>
            </ion-col>
            <ion-col>
              <label for="">{{notificationBody.SEGMENT_VALUE_DSP}}</label>
            </ion-col>
          </ion-row>
        </div>
      </ion-card-content>
    </ion-card>
  </div>
</ion-content>

<ion-footer>
  <div class="centerDiv">
    <ion-button class="footer-button" color="customnavy" ion-button (click)="resubmitEit()">
      {{ 'general, next' | translate }}</ion-button>
  </div>
</ion-footer>