<ion-header>
  <ion-toolbar class="header-toolbar-new">
    <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> -->
        <div class="editIconDiv"><button ion-button *ngIf="item.Collection_Notification[0].ACTION!='DELETE_ROW'" (click)="updateEitNot(i)">
          <img class="imgSize" src="../assets/imgs/edit.png"></button>
        </div>


          
      </ion-card-header>

      <ion-card-content>
          <ion-grid class="grids">
            <div *ngFor="let notificationBody of item.Collection_Notification ">
          <ion-row *ngIf=" notificationBody.DISPLAY_FLAG != 'N' ">
            <ion-col class="colBold">
                <label style="color:#269DB8;font-weight: bold;" class="label" for="">{{notificationBody.SEGMENT_PROMPT}}</label>
            <!-- </ion-col>
            <ion-col class="colBold"> -->
                <br>
                <label  class="label" style="color:black;" for="">{{notificationBody.SEGMENT_VALUE_DSP}}</label>
                <hr style="background-color: grey;height: 1px">

            </ion-col>
          </ion-row>
        </div>

      </ion-grid>



      
      </ion-card-content>

     
      
    </ion-card>
  </div>
</ion-content>

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