<div class="toast-container">
{% for label, messages in app.flashes %}
{% for message in messages %}
{% if (label == 'info' or label == 'success') %}
{# {% set bootstrapLabel = 'info' %} #}
<div class="toast toast-green" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false">
<div class="toast-header">
<i class="mdi mdi-check"></i>
<div class="toast-content">
<div class="toast-title">Succès</div>
<div class="toast-text">{{ message }}</div>
</div>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close">
<i class=" mdi mdi-close"></i>
</button>
</div>
</div>
{% elseif label == 'warning' %}
{# {% set bootstrapLabel = 'warning' %} #}
<div class="toast toast-yellow" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false">
<div class="toast-header">
<i class="mdi mdi-bell"></i>
<div class="toast-content">
<div class="toast-title">Alerte</div>
<div class="toast-text">{{ message }}</div>
</div>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close">
<i class=" mdi mdi-close"></i>
</button>
</div>
</div>
{% elseif label == 'error' %}
{# {% set bootstrapLabel = 'danger'%} #}
<div class="toast toast-red" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false">
<div class="toast-header">
<i class="mdi mdi-exclamation"></i>
<div class="toast-content">
<div class="toast-title">Erreur</div>
<div class="toast-text">{{ message }}</div>
</div>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close">
<i class=" mdi mdi-close"></i>
</button>
</div>
</div>
{% endif %}
{# <div class="alert alert-{{ bootstrapLabel }} alert-dismissible fade show" role="alert">
<div>{{ message }}</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div> #}
{% endfor %}
{% endfor %}
</div>