{% extends 'base.jinja' %}
{% block headline %}
    <h1 class="text-center">Events an der OFU </h1>
    <h2 class="text-center">{{ startdate.strftime("%d.%m.%Y") }} bis {{ enddate.strftime("%d.%m.%Y") }}</h2>
{% endblock %}
{% block content %}
    <div class="container">
        <div class="row">
            {% for event in  events %}
                <div class="col-6 p-3">
                    <div class="p-3 border border-dark rounded bg-light text-dark">
                        <h3>{{ event.title }}</h3>
                        <p>Wann: {{ event.date.strftime("%d.%m.") }} ab {{ event.time.strftime("%H:%M") }}</p>
                        <p>Wo:</p>
                        <ul>
                            {% for location in event.locations.all() %}
                                <li>{{ location.name }}</li>
                            {% endfor %}
                        </ul>
                        <a href="{{ event.link }}">Details</a>
                        <p>Kategorie: {{ event.category }}</p>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}