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

  <div class="login-box">

    <!-- Recuperação de Senha -->
    <h2>Nova senha</h2>
    <p class="texto-recuperacao">
      Cadastre uma nova senha de acesso.
    </p>

    <form (submit)="cadastraNovaSenha()">
      <input type="password" id="senha" placeholder="Nova Senha" [(ngModel)]="senha" name="senha" required>
      <input type="password" id="confirmaSenha" placeholder="Confirme a senha" [(ngModel)]="confirmaSenha" name="confirmaSenha" required>

      <button type="submit" [disabled]="loading">{{ loading ? 'Aguarde...' : 'Cadastrar' }}</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>
