{% if messages is not empty %}
    {% for message in messages %}
        {% if message.type == 'success' %}
            <div class="el success msg">
                {{ message.content }}
            </div>
        {% elseif message.type == 'warning' %}
            <div class="el warning msg">
                {{ message.content }}
            </div>
        {% elseif message.type == 'error' %}
            <div class="el error msg">
                {{ message.content }}
            </div>
        {% endif %}
    {% endfor %}
{% endif %}