{% extends "layout/base.html" %}
{% block content %}
<div>
    <h2 class="mb-3">Login</h2>
    <form method="post">
      <div class="mb-3">
        <label for="email" class="form-label">Username</label>
        <input
          type="text"
          class="form-control"
          id="username"
          name="username"
          value="{{ username or '' }}"
          required
        />
      </div>
      <div class="mb-3">
        <label for="password" class="form-label">Password</label>
        <input
          type="password"
          class="form-control"
          id="password"
          name="password"
          required
        />
      </div>
      {% if captcha_enabled %}
      <div class="mb-3">
        <label class="form-label">Captcha: {{ captcha_question }}</label>
        <input
          type="text"
          class="form-control"
          name="captcha"
          required
        />
      </div>
      {% endif %}
      <button type="submit" class="btn btn-primary w-100">Login</button>
      <div class="mt-3 text-center">
        <a class="btn btn-link" href="{{ url_for('auth.password_reset_request') }}">Forgot password?</a>
      </div>
    </form>
    {% if entra_sso_enabled %}
    <div class="my-3"><hr /></div>
    <a class="btn btn-outline-secondary w-100" href="{{ url_for('auth.entra_login') }}">
      Sign in with Microsoft
    </a>
    {% endif %}
</div>
{% endblock %}