{% extends "layout/page.html.twig" %}

{% block page_modals %}
    {{ parent() }}
    {% if blShowUnlockUserModal %}
        <div id="c4s-unlock-user-modal" class="modal c4s-unlock-user-modal" tabindex="-1" aria-labelledby="c4s-unlock-user-modal-title" aria-hidden="true">
            <div class="modal-dialog text-left">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 id="c4s-unlock-user-modal-title" class="modal-title">{{ translate({ ident: "C4S_UNLOCK_USER_MODAL_TITLE" }) }}</h4>
                        <button type="button" class="btn ms-auto" data-bs-dismiss="modal" tabindex="1">
                            <span aria-hidden="true"><i class="fa-solid fa-xmark"></i></span><span class="visually-hidden">{{ translate({ ident: "CLOSE_MODAL" }) }}</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-success">{{ translate({ ident: "C4S_UNLOCK_USER_MODAL_MESSAGE" }) }}</div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ translate({ ident: "CLOSE_MODAL" }) }}</button>
                    </div>
                </div>
            </div>
        </div>
        {{ style({ include: oViewConf.getModuleUrl("c4s_login_lock", "out/src/css/c4s_login_lock.css") }) }}
        {{ script({ add: "document.addEventListener('DOMContentLoaded', function () { new bootstrap.Modal('#c4s-unlock-user-modal').show(); });", dynamic: __oxid_include_dynamic }) }}
    {% endif %}
{% endblock %}