<ion-header>
  <ion-toolbar class="header-toolbar-new">
    <ion-title color="light">{{'workListMain, suppDoc' | translate}}</ion-title>

    <ion-buttons slot="primary">
      <ion-button style="background: none !important;" (click)="onClose()">
        <ion-icon slot="icon-only" name="close"></ion-icon>
      </ion-button>
    </ion-buttons>

  </ion-toolbar>
</ion-header>

<ion-content padding>

  <div *ngIf="displayPdf != '' ">
    <pdf-viewer *ngIf="displayPdf" [src]="displayPdf" [show-all]="true" [original-size]="false" [zoom]="pdfZoom"
      style="display: block"></pdf-viewer>

    <ion-fab bottom right>
      <button ion-fab mini (click)="zoomIn()">
        <ion-icon name="add"></ion-icon>
      </button>
      <button ion-fab mini (click)="zoomOut()">
        <ion-icon name="remove"></ion-icon>
      </button>
      <button ion-fab mini (click)="resetZoom()">
        <ion-icon name="refresh"></ion-icon>
      </button>
    </ion-fab>

  </div>
  <div *ngIf="displayImage != '' ">
    <img [src]="displayImage" alt="Select Image" />
  </div>

  <div *ngIf="decodedString != 0 ">
    <p [innerHTML]="decodedString"></p>
    <!-- <p>{{decodedString}}</p> -->
  </div>

  <div *ngIf="sheetNameList?.length > 0 ">
    <ion-content class="XlsxScroll" scrollX="true" scrollY="true"
      style="display: block; width: 100%; height: 100% ;position: initial">
      Choose a worksheet:
      <ion-grid class="btnGrid">
        <ion-row>
          <div *ngFor="let sheetName of sheetNameList">
            <ion-col col-6 class="gridBtnCol">
              <button ion-button class="gridBtn" (click)="openSheet(sheetName)">
                {{sheetName.sheetName}}
              </button>
            </ion-col>
          </div>
        </ion-row>
      </ion-grid>

      <ion-grid style="width: 500%;">
        <ion-row *ngFor="let row of data">
          <ion-col style="border:#0000002e solid 0.5px" *ngFor="let val of row">
            {{val}}
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-content>
  </div>
</ion-content>