{# Just the alerts. The positioned container with id="flashes" lives in layout.html.twig, because
   that is the element htmx swaps out of band after a booking. Flat inline alerts for now: myep
   renders these as Toastify toasts, which would mean adopting toastify-js (plan step 2/7). #}
{% set levels = { error: 'bg-red-600', warning: 'bg-amber-600', success: 'bg-emerald-600', info: 'bg-primary' } %}

{% for level, messages in app.flashes(levels|keys) %}
    {% for message in messages %}
        <div class="{{ levels[level] }} text-white rounded shadow-lg px-4 py-3 text-sm">
            {{ message|trans }}
        </div>
    {% endfor %}
{% endfor %}