{% extends "base/document.html" %}
{% load crispy_forms_tags %}
{% block title %}
  {% trans "Log in" %}
{% endblock %}
{% block content %}
  <h2>{% trans "Log in" %}</h2>
  {% if form.errors %}
    <p>{% trans "Your username and password didn't match. Please try again." %}</p>
  {% endif %}
  <form method="post"
        action="{% url 'fnprofile:log_in' %}"
        style="display: none">
    {% csrf_token %} {{ form|crispy }}
    <input type="hidden" name="next" value="{{ request.GET.next }}" />
    <p>
      {% if AS_SITE %}
        {% trans "If you haven't verified your email, please log in here to verify it." %}
      {% endif %}
    </p>
    <button type="submit button" class="btn btn-outline-primary">
      {% trans "Log in" %}
    </button>
  </form>
  <p>
    {% trans "Don't have an account?" %}
    <a href="{% url 'fnprofile:new_profile' %}">{% trans "Register here" %}</a>
  </p>
{% endblock %}
{% block extra_js %}
  {% if show_email_field %}
    <script>
      $(document).ready(function() {
        var email_div = $("#div_id_email")
        email_div.css({
          "display": "block"
        })
        email_div.closest("form").css({
          "display": "block"
        })
      });
    </script>
  {% else %}
    <script>
      $(document).ready(function() {
        var email_div = $("#div_id_email")
        email_div.css({
          "display": "none"
        })
        email_div.closest("form").css({
          "display": "block"
        })
      });
    </script>
  {% endif %}
{% endblock %}
<!-- The end. -->