{% for type,messages in app.flashes %}
    {% set icon = {'class': 'check-circle','paths':3} %}

    <div class=" position-fixed  bg-light-primary w-100 bottom-0 end-0 " id="toastPlacement" style="z-index: 999">
        {% for message in messages %}
            {% if message.event is defined %}
                {% if message.event == 'create' %}
                    {% set icon = {'class': 'plus-circle','paths':2} %}
                {% elseif message.event == 'edit' %}
                    {% set icon = {'class': 'pencil','paths':2} %}
                {% elseif message.event == 'restore' %}
                    {% set icon = {'class': 'arrows-circle','paths':2} %}
                {% elseif message.event == 'delete' %}
                    {% set icon = {'class': 'trash-square','paths':4} %}
                {% endif %}
            {% endif %}
            {% set message = (message.title is defined) ? message.title : message %}


            <!--begin::Alert-->
            <div class="alert alert-dismissible bg-light-primary d-flex flex-column flex-sm-row px-7 w-100 mb-0 align-items-center p-0 py-5 border-0 border-bottom border-bottom-5 border-primary ">

                <div class="symbol symbol-50px me-5">
                    <div class="symbol-label bg-primary shadow-xs">
                        {% include 'utils/_icon.html.twig' with {icon:icon.class,'path':icon.paths, 'classes': 'fs-1 text-white '} %}
                    </div>
                </div>

                <div class="d-flex flex-column pe-0">

                    <h6 class="fw-semibold mb-0">{{ message|trans({},'cms') }}</h6>

                </div>
                <!--end::Wrapper-->

                <!--begin::Close-->
                <button type="button" class="position-absolute position-sm-relative m-2 m-sm-0 top-0 end-0 btn btn-icon ms-sm-auto" data-bs-dismiss="alert">
                    <i class="ki-duotone ki-cross fs-1 text-primary"><span class="path1"></span><span class="path2"></span></i>
                </button>
                <!--end::Close-->
            </div>
            <!--end::Alert-->




        {% endfor %}
    </div>
{% endfor %}