{% macro render_messages() %}
  {% with messages = get_flashed_messages(with_categories=True) %}
    {% if messages %}
      {% with mapping = {
        "critical":"danger",
        "error": "danger",
        "info": "info",
        "warning": "warning",
        "debug":"primary",
        "notset": "primary",
        "message": "primary",
      } %}
        {% for category, msg in messages %}
          <div class="alert alert-{{ mapping.get(category, 'secondary') }} alert-dismissible fade show">
            {{ msg }}
            <button class="btn-close" aria-label="Close" data-bs-dismiss="alert" type="button"></button>
          </div>
        {% endfor %}
      {% endwith %}
    {% endif %}
  {% endwith %}
{% endmacro %}