{% extends "conjunto/app_base.html" %}
{% comment %}
Empty layout — no topbar, no sidebar, just centered content + statusbar.
Useful for login, registration, password-reset, error pages, etc.
{% endcomment %}

{% block extra_css %}
{{ block.super }}
<style>
    /* Neutralise the space normally reserved for topbar + sidebar */
    .cj-page-content {
        margin-left: 0 !important;
        padding-top: 0 !important;
    }
    .cj-empty-wrapper {
        min-height: calc(100vh - var(--cj-statusbar-height));
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem 1rem;
    }
</style>
{% endblock %}

{% block top_bar %}{% endblock %}
{% block sidebar %}{% endblock %}

{% block canvas %}
<div class="cj-empty-wrapper">
    <div class="{% if cj_layout.style == 'fluid' %}container-fluid{% else %}container-xl{% endif %}">
        {% block messages %}
            {% if messages %}
                {% for message in messages %}
                    <div class="alert alert-{{ message.tags }} alert-dismissible" role="alert">
                        <div class="d-flex"><div>{{ message }}</div></div>
                        <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
                    </div>
                {% endfor %}
            {% endif %}
        {% endblock %}

        {% block content %}{% endblock %}
    </div>
</div>
{% endblock canvas %}