<div class="floatable-alert is-notification">
{# needed otherwise the flash messages get cleared as we are accessing them twice (first time for checking, second time for looping) #}
{% set flashMessages = app.flashes %}
{% if flashMessages %}
{% for type, messages in flashMessages %}
{% for message in messages %}
<div class="alert alert-{{ type }} alert-dismissible m-3" role="alert">
{% if type == 'success' %}
<i class="fas fa-check fa-fw"></i>
{% else %}
<i class="fas fa-exclamation-triangle fa-fw"></i>
{% endif %}
{{ message|raw }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endfor %}
{% endfor %}
{% endif %}
</div>