{% trans_default_domain 'portal_engine_frontend' %}

{% extends "@PimcorePortalEngine/layout/login.html.twig" %}

{% block navbar %}
{% endblock %}

{% block footer %}
{% endblock %}

{% block content %}
    <style>
        .login__content {
            padding: 1rem 5.625rem 1rem;
        }
    </style>
    <div class="login">
        {% block login_background %}
            <div class="login__bg" style="background-image: url('{{ portalEngine_images_background() }}')"></div>
        {% endblock %}

        {% block login_content %}
            <div class="login__content">
                {% block logo %}
                    <img class="img-fluid" src="{{ portalEngine_images_logo(constant('Pimcore\\Bundle\\PortalEngineBundle\\Enum\\ImageThumbnails::LOGO')) }}">
                {% endblock %}

                {% block form %}
                    <div class="mt-5">
                        {% block error_message %}
                            {% if error is defined %}
                                {{ error }}
                            {% endif %}
                        {% endblock %}
                        <form method="post" action="{{ path('portal_2fa_verify') }}">
                            <div class="form-group">
                                <input name="_auth_code" id="_auth_code" autocomplete="one-time-code" type="input" placeholder="Enter Code" required autofocus class="form-control form-control--dark">
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-block btn-primary text-uppercase">Submit</button>
                            </div>
                      </form>

                      <a id="portal_logout" href="/auth/logout">Back to Login</a>
                    </div>
                {% endblock %}
            </div>
        {% endblock %}
    </div>
{% endblock %}