{% extends 'base.html' %} {% block title %}Login{% endblock %} {% block body %}
<div class="container">
  {% include 'navbar.html' %}

  <div class="columns has-margin-top-5">
    <div class="column is-half is-offset-one-quarter">
      <div class="card">
        <header class="card-header">
          <p class="card-header-title">
            Log in
          </p>
        </header>
        <div class="card-content">
          <div class="content">
            <form action="" method="post">
              {% csrf_token %}
              <div class="field">
                <label class="label">Username</label>
                <div class="control">
                  {{ form.username }}
                </div>
              </div>

              <div class="field">
                <label class="label">Password</label>
                <div class="control">
                  {{ form.password }}
                </div>
              </div>

              {{ form.non_field_errors }}

              <div class="control">
                <button class="button is-primary">Login</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}