{% extends "layout/base.html" %}

{% block basecontent %}
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                {% if next %}
                    <div class="alert alert-dismissable alert-info">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        {% if user.is_authenticated %}
                            Your account doesn't have access to this page. To proceed,
                            please login with an account that has access.
                        {% else %}
                            Please login to see this page.
                        {% endif %}
                    </div>
                {% endif %}
                {% if form.errors %}
                    <div class="alert alert-danger alert-dismissable">
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        Your username and password didn't match. Please try again.
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                <div class="login-panel panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            Login
                        </h3>
                    </div>
                    <div class="panel-body">
                        <form method="post" action="{% url 'dashboard:login' %}">
                            {% csrf_token %}
                            <fieldset>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Username" name="username" type="text"
                                           autofocus>
                                </div>
                                <div class="form-group">
                                    <input class="form-control" placeholder="Password" name="password"
                                           type="password" value="">
                                </div>
                                <input type="submit" value="Login" class="btn btn-lg btn-success btn-block"/>
                                <input type="hidden" name="next" value="{{ next }}"/>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {# Assumes you setup the password_reset view in your URLconf #}
    {# <p><a href="{% url 'password_reset' %}">Lost password?</a></p>#}
{% endblock basecontent %}