<ion-content>
  <div class="head-title">

    <app-generic-header showImage="false" showBack="true" [headerText]="'general,concurrent-report' | translate">
    </app-generic-header>
  </div>
  <div class="header"></div>
  <div class="bottom"></div>

  <div class="main-container">
  <ion-item>
    <ion-label>{{ 'worklist,template-name' | translate}}</ion-label>
  <ion-select  [(ngModel)]="template" (ionChange)="selectTemplates()" [placeholder]="'general,select' | translate"
    [okText]="'general,ok' | translate" [cancelText]="'general,cancel' | translate" class="concorrent-select large-ion-select">
    <ion-select-option *ngFor="let program of programList" [value]="program">
      {{ program.USER_CONCURRENT_PROGRAM_NAME}}</ion-select-option></ion-select>

</ion-item>
<div class="divider"></div>
  <div #containerDiv id="containerDiv">
  </div>
</div>

</ion-content>

<ion-footer class="footer">
  <div class="Btn">
    <ion-button class="CreateBtn" color="customnavy" ion-button (click)="submitTransaction()">
      {{'vacation-rule, next-label' | translate}}</ion-button>
  </div>
</ion-footer>