{# @description The Django messages list, rendered as stacked toast alerts. #}
{# @prop dismissible:boolean | description:"Add a dismiss button to each message." #}
{# @prop :delay:number | default:2000 | description:"Auto-dismiss delay in milliseconds." #}
<c-vars dismissible :delay=2000 />
<c-toast placement="top end" class="z-50" only>
  {% for message in messages %}
    {# The alert has four variants. Debug is shown as info, and any other #}
    {# level tag, such as one a project adds, draws a plain alert. #}
    {% with tag=message.level_tag %}
      <c-alert variant="{% if tag == 'debug' %}info{% elif tag == 'info' or tag == 'success' or tag == 'warning' or tag == 'error' %}{{ tag }}{% endif %}"
               :dismissible="dismissible"
               :delay="delay"
               class="shadow-lg" only>
        <span>{{ message }}</span>
      </c-alert>
    {% endwith %}
  {% endfor %}
</c-toast>