{% load i18n %}

{% if messages %}
  {% for message in messages %}
    {% if 'error' in message.tags %}
      {% with bs_tag='danger' %}
        <div class="alert alert-{{ bs_tag }} alert-dismissible fade show" role="alert">
          {{ message }}
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="{% trans 'Close' %}"></button>
        </div>
      {% endwith %}
    {% elif 'success' in message.tags %}
      <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="{% trans 'Close' %}"></button>
      </div>
    {% elif 'warning' in message.tags %}
      <div class="alert alert-warning alert-dismissible fade show" role="alert">
        {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="{% trans 'Close' %}"></button>
      </div>
    {% else %}
      {# info, debug, or anything else #}
      <div class="alert alert-info alert-dismissible fade show" role="alert">
        {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="{% trans 'Close' %}"></button>
      </div>
    {% endif %}
  {% endfor %}
{% endif %}