{% extends "base.html.twig" %}

{% block login_content %}
    {% import "macros.twig" as Macro %}
    <div id="login-content">
        <div id="login-content-logo">
            <a href="{{ sIconUrl }}">
                <img title="{{ sVersionShort }}" src="{{ sDisplayIcon }}" alt="logo">
            </a>
        </div>
        {% block login_title %}
            <div id="login-title">
                <h1>{{ 'UI:Login:Welcome'|dict_s }}</h1>
                {% if bFailedLogin %}
                    <p class="hilite">{{ sMessage }}</p>
                {% else %}
                    <p>{{ sMessage|raw }}</p>
                {% endif %}
            </div>
        {% endblock login_title %}
        {% block login_form %}
            <div id="login-form">
                <form id="login_form" method="post">
                    <div id="login-form-content">
                        {% block login_sso_buttons %}
                            <div id="login-sso-buttons">
                                {% import "macros.twig" as Macro %}
                                {{ Macro.BlockExtension(aPluginFormData, 'login_sso_buttons', '<div class="divider"><hr class="left">' ~ 'UI:Login:SeparatorOr'|dict_s ~ '<hr class="right"/></div>') }}
                            </div>
                        {% endblock login_sso_buttons %}
                        {% block login_input %}
                            <div id="login-input">
                                {% import "macros.twig" as Macro %}
                                {{ Macro.BlockExtension(aPluginFormData, 'login_input') }}
                            </div>
                        {% endblock login_input %}
                        {% block login_additional_controls %}
                            <div id="login-additional-controls">
                                {% import "macros.twig" as Macro %}
                                {{ Macro.BlockExtension(aPluginFormData, 'login_additional_controls') }}
                            </div>
                        {% endblock login_additional_controls %}
                        {% block login_submit %}
                            <div id="login-submit">
                                {% import "macros.twig" as Macro %}
                                {{ Macro.BlockExtension(aPluginFormData, 'login_submit') }}
                            </div>
                        {% endblock login_submit %}
                        {% block login_links %}
                            <div id="login-links">
                                {% import "macros.twig" as Macro %}
                                {{ Macro.BlockExtension(aPluginFormData, 'login_links') }}
                            </div>
                        {% endblock login_links %}
                        {% block login_form_footer %}
                            <div id="login-form-footer">
                                {% import "macros.twig" as Macro %}
                                {{ Macro.BlockExtension(aPluginFormData, 'login_form_footer') }}
                            </div>
                        {% endblock login_form_footer %}
                    </div>
                    <input type="hidden" id="login_mode" name="login_mode" value="form">
                    <input type="hidden" id="login_op" name="loginop" value="login">
                    {% for sName, sValue in aPreviousPostedVars %}
                        <input type="hidden" name="{{ sName }}" value="{{ sValue }}">
                    {% endfor %}
                </form>
            </div>
        {% endblock login_form %}
    </div>
{% endblock login_content %}

{% block login_footer %}
    <div id="login-footer">
        {% import "macros.twig" as Macro %}
        {{ Macro.BlockExtension(aPluginFormData, 'login_footer') }}
    </div>
{% endblock login_footer %}