{% extends 'base.html' %}

{% block content %}

<div class="reg-container">
  {% for realm, login_link in login_realms %}
  <form action="{{ login_link }}" method="POST">{% csrf_token %}
      <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_to }}" required>
      <button href="{{ login_link }}" class="reg-btn-primary">Sign in with {{ realm }}</button>
  </form>
  {% if not forloop.last or form %}
  <h3 class="text-center {% if not forloop.last %}my-4{% else %}mt-4{% endif %}">or</h3>
  {% endif %}
  {% endfor %}
  {% if form %}
  <form action="{{ login_link }}" method="POST" class="my-4">{% csrf_token %}
    <h1 class="reg-title">
      {% if login_realms %}
      Use local credentials
      {% else %}
      Sign in
      {% endif %}
    </h1>
    {% for error in form.non_field_errors %}
    <div class="alert alert-danger" role="alert">
      {{ error }}
    </div>
    {% endfor %}
    {% for ff in form %}
    <div class="form-floating my-3">
      {{ ff }}
      <label for="{{ ff.id_for_label }}">{{ ff.label }}</label>
    </div>
    {% endfor %}
    <div class="text-start my-3">
      <p><a href="{% url 'password_reset' %}">Forgot password?</a></p>
    </div>
    <button class="reg-btn-primary" type="submit">
      Sign in{% if login_realms %} with local credentials{% endif %}
    </button>
  </form>
  {% endif %}
</div>

{% endblock %}