<app-generic-header
  *ngIf="!accessFromOutSide"
  showBack="true"
  [headerText]="'login,verify-login' | translate">
</app-generic-header>


  
  <ion-content   [scrollEvents]="true"
  [ngClass]="{'content-class':accessFromOutSide, 'ion-padding': !accessFromOutSide}" has-bouncing="false" forceOverscroll="false" scrollY="false" class="ion-no-padding">
      <ion-grid class="ion-justify-content-center">
  
        <!-- <ion-row *ngIf="!accessFromOutSide">
        <ion-col [size]="4">
          <img [src]="logo" class="logo" />
        </ion-col>
      </ion-row> -->
      <ion-row class="description" *ngIf="!accessFromOutSide">
          <ion-col size="12">
          <!-- <type-writer *ngIf="onlySMSBox" [text]="'login,verify-login-with' | translate" class="description"
            color="primary" fontSize="0.55cm" lineHeight="1cm" fontSize="0.55cm"></type-writer>
   -->
   <ion-row>
      <ion-col [size]="12">
        <!-- <img [src]="logo" class="loginLogo" />
        <h1 class="heading1">{{welcome}} </h1> -->
        <!-- <p class="text1" style="margin-bottom: -8px;font-weight: bold;font-size: 22px;">{{ts.trPK('login','Verify-text')}}  </p> -->
        <!-- 
          
          <p class="text1" style="font-size: 28px;margin-bottom: 0px" >{{empname}}</p>
         -->
      </ion-col>
    </ion-row>   
    <div *ngIf="onlySMSBox"><p>{{ts.trPK('login','verify-login-with')}}</p></div>
    <div *ngIf="!onlySMSBox && FFloginType == 2"><p>{{ts.trPK('login','verify-fingerprint')}}</p></div>
    <div *ngIf="!onlySMSBox && FFloginType == 3"><p>{{ts.trPK('login','verify-faceId')}}</p></div>

        </ion-col>
      </ion-row> 
  
  
      <ion-row   [ngClass]=" accessFromOutSide ?  'rowOutside' : ''" class="zoomIn">

          <ng-container *ngFor="let buttonsGroup of buttons">
              <ng-container *ngFor="let button of buttonsGroup">
                <ion-col [size]="accessFromOutSide ? 12 : 6" *ngIf="button.visible">


        <!-- <ng-container *ngFor="let buttonsGroup of buttons">
          <ion-col *ngFor="let button of buttonsGroup" [size]="6">
              <ion-col [size]="accessFromOutSide ? 12 : 6" *ngIf="button.visible"> -->

            <app-button (click)="checkAccess(button)" [title]="button.title | translate " [icon]="button.icon"
              [settings]="button.settings" [strong]="button.txt" [class]="button.class" [disabled]="button.disabled"
              *ngIf="button.visible"
              [buttonClass]="button.buttonClass" [pClass]="button.pClass">
            </app-button>

  
          </ion-col>
        </ng-container>

        </ng-container>
      </ion-row>
      <page-trailer [small]="true"></page-trailer>
    </ion-grid>
  </ion-content>
