{% extends 'bookmarks/layout.html' %}
{% load widget_tweaks %}

{% block title %}Login{% endblock %}

{% block content %}

    <div class="auth-page">
        <div class="columns">
            <section class="content-area column col-5 col-md-12">
                <div class="content-area-header">
                    <h2>Login</h2>
                </div>
                <form method="post" action="{% url 'login' %}">
                    {% csrf_token %}
                    {% if form.errors %}
                        <div class="form-group has-error">
                            <p class="form-input-hint">Your username and password didn't match. Please try again.</p>
                        </div>
                    {% endif %}
                    <div class="form-group">
                        <label class="form-label" for="{{ form.username.id_for_label }}">Username</label>
                        {{ form.username|add_class:'form-input' }}
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="{{ form.password.id_for_label }}">Password</label>
                        {{ form.password|add_class:'form-input' }}
                    </div>

                    <br/>
                    <div class="columns">
                        <div class="column col-3">
                            <input type="submit" value="Login" class="btn btn-primary">
                            <input type="hidden" name="next" value="{{ next }}">
                        </div>
                        {% if allow_registration %}
                        <div class="column col-auto col-ml-auto">
                            <a href="{% url 'django_registration_register' %}" class="btn btn-link">Register</a>
                        </div>
                        {% endif %}
                    </div>

                </form>
            </section>
        </div>
    </div>


{% endblock %}