{% for message in app.flashes('success') %}
    <div class="p-4 mb-4 text-sm text-green-800 rounded-lg bg-green-50 text-center" role="alert">
      <span class="font-medium">{{ message }}</span>
    </div>
{% endfor %}

{% for message in app.flashes('danger') %}
    <div class="p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 text-center" role="alert">
      <span class="font-medium">{{ message }}</span>
    </div>
{% endfor %}

{% for message in app.flashes('warning') %}
    <div class="p-4 mb-4 text-sm text-yellow-800 rounded-lg bg-yellow-50 text-center" role="alert">
      <span class="font-medium">{{ message }}</span>
    </div>
{% endfor %}