<div class="uhelp-announcement-alertgroup">
  <app-announcement-holiday-banner
  [setting]="data?.setting?.original"
  [user]="data?.user"
  [announcement]="data?.announcement"
  [announcements]="data?.announcements"
  [holidays]="data?.holidays"
  [hideAlertsUntil]="hideAlertsUntil"
  ></app-announcement-holiday-banner>
</div>

<div class="page login-bg1">
  <div class="page-single">
    <div class="container">
      <div class="row justify-content-center py-4">
        <div class="col-sm-12">
          <div class="card authentication-card px-3 py-5 mx-auto">
            <div class="pb-0 px-5 pt-0 text-center">
              <h3 class="mb-2">{{'2 - Step Verification' | translate}}</h3>
            </div>
            <form class="card-body pt-3 pb-0" #customergoogle2Fa="ngForm"
              (ngSubmit)="customergoogle2FaFn(customergoogle2Fa, 'customergoogle2Fa' )">
              <div class="form-group">
                <div class="text-center">
                  <label class="form-label">{{'Please enter the OTP generated on your Google
                  Authenticator App.' | translate}}</label>

                </div>
                <input id="one_time_password" ngModel type="number" class="form-control"
                  name="one_time_password" required autofocus>
              </div>
              <div class="submit">
                <button class="btn btn-secondary btn-block" type="submit"
                  [disabled]="sendingResponse['customertwofactor']">
                  {{'Submit' | translate}}@if (sendingResponse['customertwofactor']) {
                  <i
                  class="fa fa-spinner fa-spin mx-1"></i>
                }
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
</div>