{% for notice in app.flashes('primary') %}

    <div class="card bg-primary text-white  shadow mb-4">
        <div class="card-body">
            {{ notice.title }}
            <div class="text-white-50 small">{{ notice.message|raw }}</div>
        </div>
    </div>
{% endfor %}

{% for notice in app.flashes('success') %}
    <div class="card bg-success text-white  shadow mb-4">
        <div class="card-body">
            {{ notice.title }}
            <div class="text-white-50 small">{{ notice.message|raw }}</div>
        </div>
    </div>
{% endfor %}

{% for notice in app.flashes('info') %}
    <div class="card bg-info text-white  shadow mb-4">
    
        <div class="card-body">
            <i class="fa-solid fa-circle-info fa-2x"></i> {{ notice.title }} <br>
             
            <div class="text-white">{{ notice.message|raw  }}</div>
        </div>
    </div>
{% endfor %}

{% for notice in app.flashes('warning') %}
    <div class="card bg-warning text-white  shadow mb-4">
        <div class="card-body">
            {{ notice.title }}
            <div class="text-white-50 small">{{ notice.message|raw  }}</div>
        </div>
    </div>
{% endfor %}

{% for notice in app.flashes('danger') %}
    <div class="card bg-danger text-white  shadow mb-4">
        <div class="card-body">
            {{ notice.title }}
            <div class="text-white-50 small">{{ notice.message|raw  }}</div>
        </div>
    </div>
{% endfor %}

{% for notice in app.flashes('secondary') %}
    <div class="card bg-secondary text-white  shadow mb-4">
        <div class="card-body">
            {{ notice.title }}
            <div class="text-white-50 small">{{ notice.message|raw  }}</div>
        </div>
    </div>
{% endfor %}

{% for notice in app.flashes('light') %}
    <div class="card bg-light text-black  shadow mb-4">
        <div class="card-body">
            {{ notice.title }}
            <div class="text-black-50 small">{{ notice.message|raw  }}</div>
        </div>
    </div>
{% endfor %}

{% for notice in app.flashes('dark') %}
    <div class="card bg-dark text-white  shadow mb-4">
        <div class="card-body">
            {{ notice.title }}
            <div class="text-white-50 small">{{ notice.message|raw  }}</div>
        </div>
    </div>
{% endfor %}