{% set alertTypeAvaillable = [ 'info', 'success', 'warning', 'danger'] %}
{% if app.session.flashbag is defined %}
    {% for alertType in alertTypeAvaillable %}
        {% for alert in app.session.flashBag.get(alertType) %}
            <div class="alert alert-{{ alertType }} border-{{ alertType }} alert-dismissable d-flex alin-items-center border-radius-15 p-2">
                <div class="d-flex align-items-center flex-grow-1 px-2">
                    <i class="fa fa-check pe-2"></i>
                    <small>{{ alert.message }}</small>
                </div>
                <button type="button" class="close text-{{ alertType }} pe-1 border-0 fw-bold bg-transparent" data-dismiss="alert" aria-hidden="true">×</button>
            </div>
        {% endfor %}
    {% endfor %}
{% endif %}