<div id="messages" class="w-full text-center">
  {% if messages %}
    {% for message in messages %}
      <div class="w-2/3 mx-auto text-left items-center text-white rounded text-base px-3 py-2 {% if 'error' in message.tags %}bg-red-500{% else %}bg-green/50{% endif %} fade show">
        <button type="button" class="float-right" data-dismiss="alert" aria-hidden="true">&times;</button>
        {{ message }}
      </div>
    {% endfor %}
  {% endif %}
</div>
