<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 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"  #admintwofactor="ngForm" (ngSubmit)="admintwofactorFn(admintwofactor, 'admintwofactor' )">
              <div class="form-group">
                <div class="text-center">
                  <label class="form-label">{{'Please enter the OTP sent to your registered email.' | translate}}</label>
                </div>
                <input class="form-control " name="otp" ngModel placeholder="{{'OTP' | translate}}" type="number">
              </div>
              <div class="submit">
                <button class="btn btn-secondary btn-block" type="submit"
                  [disabled]="sendingResponse['admintwofactor']">
                  {{'Submit' | translate}}@if (sendingResponse['admintwofactor']) {
                  <i
                  class="fa fa-spinner fa-spin mx-1"></i>
                }
              </button>
            </div>
            <div class="text-center mt-4">
              <p class="text-dark mb-0">
                <button type="button" class="text-primary ms-1 bg-transparent border-0" [disabled]="sendingResponse['resendOtp']" (click)="resendotp('resendOtp')">{{'Resend OTP' | translate}} @if (sendingResponse['resendOtp']) {
                  <i
                  class="fa fa-spinner fa-spin mx-1"></i>
                }</button>
              </p>
            </div>
          </form>

        </div>
      </div>
    </div>
  </div>
</div>
</div>