<article class="event">
  <p class="event-time">{{ event.time }}</p>

  <h1 class="event-title">{{ event.title | safe }}</h1>

  <p class="event-details">{{ event.details | safe }}</p>

  <div class="event-description">{{ event.description | md | safe }}</div>

  <address class="event-location">
    {% if event.organiser %}
      {{ event.organiser }}<br><br>
    {% endif %}
    
    {{ event.location.name }}
    {% if event.location.place %} <br>{{ event.location.place }} {% endif %}
    {% if event.location.address %} <br>{{ event.location.address }} {% endif %}
    {% if event.location.city %} <br>{{ event.location.city }} {% endif %}
  </address>

  {% if event.people %}
    <div class="event-people">
      <h5>Ansprechpartner:</h5>
      <ul class="event-people-list">
        {% for person in event.people %}
          <li>
            {% if person.name %}
              {{ person.name }}
            {% endif %}
            {% if person.email %}
              <br><a href="mailto:{{ person.email }}" class="event-people-link">{{ person.email }}</a>
            {% endif %}
            {% if person.tel %}
              <br><a href="tel:{{ person.tel }}" class="event-people-link">{{ person.tel }}</a>
            {% endif %}
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endif %}
</article>
