{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="position-fixed end-0 p-3" style="z-index: 11">
<div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header text-white bg-{{ label }}">
<strong class="me-auto">Notification</strong>
<small>Maintenant</small>
<button type="button" class="ml-2 mb-1 close" data-bs-dismiss="toast" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="toast-body">
{{ message }}
</div>
</div>
</div>
{% endfor %}
{% endfor %}
<script>
let affichage = document.getElementById('liveToast')
if (affichage) {
affichage.classList.add('show');
}
</script>