{% extends "base.html" %}

{% load crispy_forms_tags %}
{% load static %}

{% block content %}
  <section class="text-center">
    <div class="container">
      <br>
      <h1>{{ view|capfirst }}</h1>
    </div>
  </section>
  
  <br>

  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-4 offset-md-4">
        {% if error %}
          <div class="alert alert-danger" role="alert">
            {{ error }}
          </div>
        {% endif %}
        {% if form %}
          <form method="post">
            {% csrf_token %}
            {{ form|crispy }}      
            <br>
            {% if view == 'login' %}
              <button type="submit" class="btn btn-primary btn-block">Login</button>
              <p class="text-center mt-3">
                <a href="{% url 'register' %}{% if request.GET.next %}?next={{ request.GET.next }}{% endif %}">Don't have an account? Register here.</a>
              </p>
            {% elif view == 'register' %}
              <button type="submit" class="btn btn-primary btn-block">Register</button>
              <p class="text-center mt-3">
                {% if DEMO %}
                  Pssst, this is a demo version. The registration key is {{ REGISTRATION_KEY }}. 
                {% endif %}
                <a href="{% url 'login' %}{% if request.GET.next %}?next={{ request.GET.next }}{% endif %}">Already have an account? Login here.</a>
              </p>
            {% endif %}
        {% else %}
              <p class="text-center mt-3">
                Self-registration is disabled. Already have an account? <a href="{% url 'login' %}">Login here.</a>
              </p>
        {% endif %}
        </form>
      </div>
    </div>
  </div>
{% endblock %}