{% load static %}
<!-- {% for message in messages %}
    <div class="alert-message">
        <div class="alert alert-success rounded-pill d-flex align-items-center justify-content-between border-success mb-4 auto-dismiss"
            role="alert">
            <div class="d-flex align-items-center">
                <span class="me-1 avatar avatar-sm flex-shrink-0">
                    <img src="{% static 'assets/img/profiles/avatar-27.jpg' %}" alt="Img" class="img-fluid rounded-circle">
                </span>
                <p><strong class="mx-1">{{ message }}</strong></p>
            </div>
            <button type="button" class="btn-close p-0" data-bs-dismiss="alert" aria-label="Close">
                <span><i class="ti ti-x"></i></span>
            </button>
        </div>
    </div>
{% endfor %} -->


  {% for message in messages %}
    <div id="swal-message"
         data-type="{{ message.tags }}"
         data-text="{{ message|escapejs }}">
    </div>
  {% endfor %}