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