{% extends "users/base.html" %}
{% load crispy_forms_tags %}
{% block content %}
<!-- We need to extend the base template or else it wouldn't load. -->

  <div class="content-section container col-md-4">
      
    <form method="POST">
      {% csrf_token %}
      <fieldset class="form-group">
        <legend class="border-bottom mb-4">
          Log In
        </legend>
        {% if messages %}
          {% for message in messages %}
            <div class="alert alert-{{  message.tags }}">
              {{ message }}
            </div>
          {% endfor%}
        {% endif %}
        {{ form|crispy }}
      </fieldset>
      <div class="form-group">
        <button class="btn btn-outline-info" type="submit">Sign In</button>
      </div>
    </form>


    <div class = "border-top pt-3">
      <small class="text-muted">
        Don't Have an Account? <a href="../register" class="ml-2">Sign Up</a>
      </small>
    </div>
  </div>

{% endblock content %}