{% extends "page.html" %}

{% if page.termine %}
{% set date_format = "%d.%m." %}
{% set time_format = "%H:%M" %}

{% block content_all %}
<article>

  {% block content_header %}
  {{ super() }}
  {% endblock content_header %}

  {% block content_body %}
  {% if page.featured_image %}
  <div>
    {% from 'includes/macros.html' import fi %}
    {% set i = page.featured_image[0] %}
    {{ fi(i.pic, i.link, i.text, i.alt, i.credit, i.credit_link) }}
  </div>
  {% endif %} 

  <div id="content-body">
    <table class="events">
      <thead>
        <tr>
          <th class="event-info">Wann & Wo</th>
          <th col-span="2" class="event-detail">Was & Wieso</th>
        </tr>
      </thead>
      <tbody>
        {# loop over all events that have not started yet #}
        {% for t in page.termine | selectattr("startdate", ">=", DATETIME_NOW) %}
        <tr{% if "Babelsberger Lesesalon" in t.categories %} class="babelsberger-lesesalon"{% elif "Andere Welten" in t.categories %} class="andere-welten"{% endif %}>
          <td class="event-info">
            <strong>{{ t.startdate | strftime(date_format) }}{% if t.enddate %}–{{t.enddate | strftime(date_format) }}{% elif t.starttime %} {{ t.starttime | strftime(time_format) }}{% endif %}</strong><br>{{ t.location }}
          </td>
          <td class="event-detail">
            <div>
              <p>{{ t.summary }} {% if "Moderation" in t.categories %}(Moderation){%endif%}</p>
              {% if t.description %}<p>{{ t.description | replace("\n\n", "</p><p>") | replace("\n", "<br>") | replace("</p><br><p>", "</p><p>")}}</p>{% endif %}
              {% if t.link %}<p><a href="{{ t.link }}" target="_blank" title="siehe auch …">Mehr Infos</a></p>{% endif %}
            </div>
            {% if t.image %}<a href="{{ t.image }}" target="_blank"><img class="event-flyer" src="{{ t.image }}" alt="siehe auch …"></a> {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    <div id="events-legend">
      <p>Regelmäßige Veranstaltungsreihen:
        <span class="babelsberger-lesesalon">&nbsp;Babelsberger Lesesalon&nbsp;</span>&nbsp; 
        <span class="andere-welten">&nbsp;Andere Welten&nbsp;</span>
      </p>
    </div>
  </div>
  {% endblock content_body %}

  {% block content_footer %}
  {% if page.written_at %}
  <footer class="content-footer">
    <p>Letzte Aktualisierung: {{ page.written_at | strftime("%d.%m.%Y") }}</p>
  </footer>
  {% endif %}
  {% endblock content_footer %}

</article>
{% endblock content_all %}
{% endif %}