{% extends "base.html" %}
{% comment %}
  login page to authenticate users, that is all the people which are
  allowed to actually do stuff with the system, even if its just browsing the data
{% endcomment %}
{% block content %}
    <h2 style="margin-bottom: 15px;">Winose Evolution Login</h2>
    <div style="width: 350px;">
        {% if form.errors %}
            <div class="balloon top">
                <div class="padding10" style="color: red;">
                    Your username and password didn't match, please try again.
                </div>
            </div>
        {% endif %}
        <form method="post" action="{% url 'login_page' %}">
            {% csrf_token %}
            <label for="id_username">Username:</label>

            <div class="input-control text">
                <input type="text" placeholder="Username" name="username" id="id_username">
                <button class="btn-clear"></button>
            </div>
            <label for="id_password">Password:</label>

            <div class="input-control password">
                <input type="password" placeholder="Password" id="id_password" name="password">
                <button class="btn-reveal"></button>
            </div>
            {% if next %}
                <input type="hidden" name="next" value="{{ next }}"/>
            {% else %}
                <input type="hidden" name="next" value="/"/>
            {% endif %}
            <button type="submit" class="button primary">Login</button>
        </form>
        {#        </div>#}
    </div>
{% endblock %}