<form fxLayout="column" fxLayoutAlign="start stretch" class="form">
  <main>
    <h1>{{ "FORGET_PASSWORD" | translate }}</h1>
    <span
      >{{ "WE_SEND_CODE_TO" | translate }}<br />
      <b style="font-size: 15px">maighoneim22@gmail.com</b></span
    >
  </main>
  <ngx-otp-input
    [config]="otpInputConfig"
    (fill)="handleFillEvent($event)"
  ></ngx-otp-input>
  <p class="dont-send">
    {{ "DIDNT_GET" | translate }}
    <span>{{ "CLICK_TO_RESEND" | translate }}</span>
  </p>

  <button
    type="submit"
    (click)="onSubmit()"
    [disabled]="loading"
    [class.spinner]="loading"
  >
    {{ "VERIFY" | translate }}
  </button>
</form>
