{% extends "layout.html" %}

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

    {% 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 %}


{% endblock %}