{% extends "base.html" %}
{% load static %}
{% load bootstrap3 %} 
{% block title %}Login{% endblock %}
{% block content %}
<div class="kpx_login">
  <h3 class="kpx_authTitle">
    Login or <a href="{% url 'register' %}">Sign up</a>
  </h3>
  <div class="row kpx_row-sm-offset-3">
    <div class="col-xs-12 col-sm-6">
      <form class="kpx_loginForm" autocomplete="off" method="POST">
        {% csrf_token %} {% bootstrap_form form %}
        <input type="hidden" name="next" value="{{ next }}" />
        <hr />
        <!-- JWT Login Button -->
        <button type="submit" name="action" value="jwt" class="btn btn-lg btn-outline-primary btn-block">
          <i class="glyphicon glyphicon-log-in"></i> JWT Login
        </button>
        <!-- Session Login Button -->
        <button type="submit" name="action" value="session" class="btn btn-lg btn-outline-secondary btn-block">
          <i class="glyphicon glyphicon-log-in"></i> Session Login
        </button>
      </form>
    </div>
  </div>
</div>

<script src="{% static 'js/login.js' %}"></script>
<script src="{% static 'js/logout.js' %}"></script>

{% endblock %}
