{% extends 'ddm_core/base.html' %}

{% load static %}

{% block page_title %}Data Donation Module: Login{% endblock page_title %}

{% block header %}{% endblock header %}

{% block main_body %}

  <div class="container row justify-content-center">
    <div class="col-12 col-lg-6 text-center mt-5">
      <div class="row">
        <img alt="Data Donation Module" height="100" src="{% static 'ddm_core/img/logos/DDM_Logo_Schwarz.svg' %}">
      </div>

      <div>
        <h3>Data Donation Module</h3>
        <p class="mt-4">
          {% block introduction %}
            Please log in with your account.
          {% endblock introduction %}
        </p>
      </div>

      <div class="row justify-content-center">
        <form method='post'>
          {% csrf_token %}

          <div class="ddm-form auth-form">
            {% for field in form %}
              {% include "ddm_core/form_components/_basic_field.html" with field=field %}
            {% endfor %}

            <input id="login-btn" class="ddm-btn-large mt-3 w-75" type="submit" value="{% block submit_label %}Login{% endblock submit_label %}">
          </div>
        </form>
      </div>

    </div>
  </div>
{% endblock main_body %}

{% block pre_footer %}{% endblock pre_footer %}