{% extends 'layouts/_base.html' %}

{% block body %}
    <main class="auth-shell">
        <section class="auth-panel">
            <a class="auth-brand" href="{{ url_for('web.index') }}">MacroSignage</a>
            {% with messages = get_flashed_messages(with_categories=true) %}
                {% if messages %}
                    <div class="mb-3" aria-live="polite">
                        {% for category, message in messages %}
                            {% set alert_category = category if category in ['success', 'info', 'warning', 'danger'] else 'danger' if category == 'error' else 'info' %}
                            <div class="alert alert-{{ alert_category }} alert-dismissible fade show mb-2"
                                 role="alert"
                                 data-flash-alert
                                 data-flash-category="{{ alert_category }}">
                                {{ message }}
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        {% endfor %}
                    </div>
                {% endif %}
            {% endwith %}
            {% block content %}{% endblock %}
        </section>
    </main>
{% endblock %}