<!DOCTYPE html>{% load i18n acc_tags bootstrap3 static %}
<html lang="{{ LANGUAGE_CODE }}">
<head>
    <meta charset="UTF-8">
    <title>{% trans 'Auth' %}</title>
    <meta name="robots" content="noindex">
    <link rel="shortcut icon" href="{% static 'img/favicon_m.ico' %}">
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}?cs=feeb82e57e3f9244e91fdb3989858b6e">
    <style>
        body{
            background-color: #ececec;
        }
        .form-signin {
            width: 478px;
            margin: 10% auto;
            position: relative;
        }
	    footer{
            position: absolute;
            bottom: 0;
	    }
    </style>
</head>
<body>
    <div class="panel panel-default form-signin">
        <div class="panel-heading">
            <h3 class="panel-title">{% trans 'Login' %}</h3>
        </div>
        <div class="panel-body">
            <form role="form" action="{% url 'acc_app:login' %}{% if next %}?next={{ next }}{% endif %}" method="POST">{% csrf_token %}
                {% include '_messages.html' %}

                {# Username #}
                {% bootstrap_icon 'user' as ic %}
                {% bootstrap_field form.username addon_before=ic %}

                {# Password #}
                {% bootstrap_icon 'lock' as ic %}
                {% bootstrap_field form.password addon_before=ic %}

                <div class="btn-group btn-group-sm">
                    <button type="submit" class="btn btn-primary">
                        <span class="glyphicon glyphicon-log-in"></span> {% trans 'Login' %}
                    </button>
                    {% can_login_by_location request as can_lbl %}
                    {% if can_lbl %}
                        <a href="{% url 'acc_app:llogin' %}" class="btn btn-default">
                            <span class="glyphicon glyphicon-map-marker"></span> {% trans 'Login by location' %}
                        </a>
                    {% endif %}
                </div>

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

    <footer class="footer">
        <div class="container">
            <p class="text-muted">
                {% include 'custom_pages/footer.htm' %}
            </p>
        </div>
    </footer>

</body>
</html>
