{% extends "layout.html" %}

{% block content %}
    <h2>Events</h2>

    {% if events|length %}
        {% for event in events %}
          <div class="card mb-2">
            <div class="card-body">
              <h5 class="card-title">{{event.name}}</h5>
              <h6 class="card-subtitle mb-2 text-muted">{{event.startDate}}</h6>

              {% for key, val in event["data"].items() %}
                  {% if "url" in key %}
                      <a href="{{val}}" class="card-link mb-0">{{val}}</a>
                  {% else %}
                      <p class="card-text mb-0">{{key}}: {{val}}</p>
                  {% endif %}
              {% endfor %}

            </div>
          </div>
        {% endfor %}
    {% else %}
        <div class="card mb-2">
          <div class="card-body">
              <p class="card-text mb-0">Derzeit sind keine Events geplant.</p>
          </div>
        </div>
    {% endif %}

    <p><small class="fst-italic">Vielen Dank an das Team von <a href="https://boudicca.events/">boudicca.events</a>! :)</small></p>


{% endblock %}