{% extends "admin/login.html" %}
{% load i18n static %}

{% block extrastyle %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'helusers/css/helusers.css' %}"/>
{% if password_login_disabled %}
<link rel="stylesheet" href="{% static 'helusers/css/password_login_disabled.css' %}"/>
{% endif %}
{% endblock %}

{% block content %}
{% if helsinki_provider_installed %}
<div id="helsinki-login"{% if grappelli_installed %} class="helusers-hide"{% endif %}>
    <p>Kirjaudu sisään Helsingin kaupungin työntekijän tunnuksella:</p>
    <div id="top-bottom-margins">
        <a href="{{ helsinki_login_url }}{% if redirect_path %}?next={{ redirect_path }}{% endif %}">
            <button id="helsinki-login-btn" class="button grp-button grp-default" type="button">Helsinki Login</button>
        </a>
    </div>
{% if not password_login_disabled %}
    <p>
        Jos sinulla on erilliset ylläpitotunnukset, kirjaudu sisään käyttäjätunnuksella
        ja salasanalla.
    </p>
{% endif %}
</div>
{% endif %}

{{ block.super }}

{% if request.user and request.user.is_authenticated and helsinki_logout_url %}
<form id="logout-form" method="post" action="{{ helsinki_logout_url }}">
    {% csrf_token %}
    <div class="submit-row">
        <input type="submit" value="{% translate "Log out" %}">
    </div>
</form>
{% endif %}

{% if grappelli_installed %}
<script type="text/javascript">
(function() {
    var $ = grp.jQuery;

    $el = $("#helsinki-login");
    $el.addClass('form-row grp-row');
    $el.prependTo($('div.module')).show();
})();
</script>
{% endif %}

{% endblock %}