{% load i18n %}

{% if form.errors or messages %}

{% if form.errors %}
<div class="eenos-alert alert alert-danger {% if messages %}mb-3{% else %}mb-0{% endif %}" role="alert">
    <i data-lucide="circle-x"></i>

    <strong>{% translate "Please correct the following errors:" %}</strong>

    {% for error in form.non_field_errors %}
    <div>{{ error|escape }}</div>
    {% endfor %}

    {% for field in form %}
    {% for error in field.errors %}
    <div>{{ error|escape }}</div>
    {% endfor %}
    {% endfor %}
</div>
{% endif %}

{% if messages %}
{% for message in messages %}
<div class="eenos-alert alert {% if message.tags == 'success' %}alert-success{% elif message.tags == 'warning' %}alert-warning{% elif message.tags == 'info' %}alert-info{% else %}alert-danger{% endif %} {% if not forloop.last %}mb-3{% else %}mb-0{% endif %}"
    role="alert">

    {% if message.tags == "success" %}
    <i data-lucide="circle-check"></i>
    {% elif message.tags == "warning" %}
    <i data-lucide="triangle-alert"></i>
    {% elif message.tags == "info" %}
    <i data-lucide="info"></i>
    {% else %}
    <i data-lucide="circle-x"></i>
    {% endif %}

    {{ message }}
</div>
{% endfor %}
{% endif %}

{% endif %}