<form
  class="form"
  fxLayout="column"
  fxLayoutAlign="start stretch"
  [formGroup]="form"
  (submit)="onSubmit()"
>
  <main>
    <h1>{{ "FORGET_PASSWORD" | translate }}</h1>
    <span
      >{{ "VERFICATION_TITLE_1" | translate }} <br />
      {{ "EMAIL_TITLE" | translate }}</span
    >
  </main>

  <label class="label">{{ "EMAIL" | translate }}</label>
  <input
    type="email"
    [placeholder]="'EMAIL' | translate"
    formControlName="email"
  />
  <app-error-form
    [name]="'EMAIL'"
    [control]="form.get('email')!"
  ></app-error-form>

  <button type="submit">
    {{ "SEND_VERFICATION_EMAIL" | translate }}
  </button>
</form>
