{% extends "base.html" %}
{% load static %}

{% block content %}
{% if messages %}
    {% for msg in messages %}
        {% if 'success' in msg.tags %}
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ msg }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% elif 'error' in msg.tags %}
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ msg }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        {% endif %}
    {% endfor %}
{% endif %}
{% include "components/event-card.html" with events=events %}

{% endblock content %}