{% for message in messages %}
 <div class="toast align-items-center text-bg-secondary-subtle"
      role="alert"
 >
  <div class="d-flex">
   <div class="toast-body">{{ message }}</div>
   <button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast"></button>
  </div>
 </div>
{% endfor %}
<script>loadToasts()</script>