{% extends 'base.jinja' %}
{% block headline %}
    <h1 class="text-center">Events an der OFU </h1>
    <h2 class="text-center">{{ startdate }} bis {{ enddate }}</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|date:"D, d.M" }} ab {{ event.time }}</p>
                        <p>Wo: {{ event.location }}</p>
                        <a href="{{ event.link }}">Details</a>
                        <p>Kategorie: {{ event.category }}</p>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}