<div class="login-container">
  <div class="overlay"></div>

  <div class="login-box">

    <!-- Recuperação de Senha -->
    <h2>Recuperação de senha</h2>
    <p class="texto-recuperacao">
      Esqueceu sua senha? Sem problemas.<br>
      Basta nos informar seu endereço de e-mail e enviaremos um link de recuperação.
    </p>

    <form (submit)="solicitaResetSenha()">
      <input type="email" id="email" placeholder="Digite seu e-mail" [(ngModel)]="email" name="email" required>

      <button type="submit" [disabled]="loading">{{ loading ? 'Aguarde...' : 'Enviar' }}</button>
    </form>
  </div>
  <div *ngIf="error" class="alert alert-danger" role="alert">{{error}}</div>
  <div *ngIf="message"class="alert alert-success" role="alert">{{message}}</div>
</div>
