<app-generic-header
  showBack="!getPassdirfromNotifiPage"
  [updateDirection]="getPassdirfromNotifiPage" 
  [headerText]="headerTitle"
  (trigger)="closeModal()"
  >
</app-generic-header>



<ion-content padding>
  <ion-item class="country dynamicField" lines="none" *ngIf="!isUpdate"> 
    <ion-label> {{ts.trPK('general','country')}}</ion-label>
    <ion-select value="brown" okText="Okay" cancelText="Dismiss" [(ngModel)]="country">
      <ion-select-option [value]="country.COUNTRY_CODE" *ngFor="let country of countries">{{country.COUNTRY_NAME}}</ion-select-option>
      
    </ion-select>
  </ion-item>
  <ion-item class="country dynamicField" lines="none" *ngIf="isUpdate ==true"> 
    <ion-label>{{selectedCountryName}}</ion-label>
   
  </ion-item>
  <ion-item class="country dynamicField" lines="none" *ngIf="isUpdate ==false">
    <ion-label> Effective Date</ion-label>
    <ion-datetime [(ngModel)]="effectiveDate" min="1900" max="2100" displayFormat="DD/MM/YYYY " placeholder="MM/DD/YYYY"
   ></ion-datetime>
  </ion-item>
  <div #containerDiv id="containerDiv">
  </div>
</ion-content>

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