<div>
  <div class="row d-flex justify-content-center">
    <div class="col-10 col-md-8 col-lg-6 col-xl-4 my-5 text-center">
      <p>
        <!-- span class="logo img-fluid mb-5"></span -->
        <img src="/content/images/RouteZero.png" class="img-fluid mb-5" alt="Route Zero">
      </p>

      @if (authenticationError()) {
        <div class="alert alert-danger" data-cy="loginError" jhiTranslate="login.messages.error.authentication">
          <strong>Erro de autenticação!</strong> Por favor verifique as suas credenciais e tente novamente.
        </div>
      }
      <form class="form" (ngSubmit)="login()" [formGroup]="loginForm">
        <div class="form-group">
          <input
            type="text"
            class="form-control form-control-lg"
            name="username"
            id="username"
            placeholder="{{ 'global.form.username.placeholder' | translate }}"
            formControlName="username"
            #username
            data-cy="username"
          />
        </div>
        <div class="form-group mb-0">
          <input
            type="password"
            class="form-control form-control-lg"
            name="password"
            id="password"
            placeholder="{{ 'login.form.password.placeholder' | translate }}"
            formControlName="password"
            data-cy="password"
          />
        </div>
        <p class="text-right"><a routerLink="/account/reset/request" data-cy="forgetYourPasswordSelector" jhiTranslate="login.password.forgot">Esqueci-me da palavra passe</a></p>
        <button type="submit" class="btn btn-primary btn-block btn-lg mb-3" data-cy="submit" jhiTranslate="login.form.button">Entrar</button>
        <div *ngIf="saml2Endpoint">
          <p>ou</p>
          <button (click)="samlLogin()" class="btn btn-default btn-block btn-lg mb-5">Login NOVA</button>
        </div>
      </form>
      
      <!--
      <div class="alert alert-warning">
        <span jhiTranslate="global.messages.info.register.noaccount">Ainda não tem uma conta?</span>
        <a class="alert-link" routerLink="/account/register" jhiTranslate="global.messages.info.register.link">Crie uma nova conta</a>
      </div>
      -->
    </div>
  </div>
</div>
