{#
   The request method check is needed to prevent starting the session when looking for "flash messages":
   https://symfony.com/doc/current/session/avoid_session_start.html

   TIP: With FOSHttpCache you can also adapt this to make it cache safe:
   https://foshttpcachebundle.readthedocs.io/en/latest/features/helpers/flash-message.html
#}
{% if app.request.hasPreviousSession is defined and app.request.hasPreviousSession %}
    {% for type, messages in app.flashes %}
        {% for message in messages %}
            <div class="alert alert-{{ type }} alert-dismissible fade show" role="alert">
                {{ message|raw }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                {#<div class="container">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    {{ message|raw }}
                </div>#}
            </div>
        {% endfor %}
    {% endfor %}
{% endif %}

<div data-controller="alert-message" id="alert-message">
    <div class="alert alert-success alert-dismissible fade d-none" role="alert"  data-alert-message-target="alert">
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close" data-alert-message-target="closeButton"></button>
    </div>
</div>