{{ define "main" }}

<section class="section" data-pagefind-body>
  <div class="container">
    <ul class="list-inline text-center filter-controls mb-4">
      <li class="list-inline-item m-3 text-uppercase active" data-filter="all">Alle</li>
      <li class="list-inline-item m-3 text-uppercase" data-filter="upcoming">Anstehend</li>
      <li class="list-inline-item m-3 text-uppercase" data-filter="past">Vergangen</li>
    </ul>
    <div class="filtr-container row mx-auto">
      {{ range .Params.events }}
      <div class="filtr-item col-12" data-category="{{ if or (ge (.date | time.AsTime).Unix now.Unix) (and .enddate (ge (.enddate | time.AsTime).Unix now.Unix)) }}upcoming{{else}}past{{end}}" data-time="{{.date}}">
        {{ partial "termin" . }}
      </div>
      {{ end }}
    </div>
  </div>
</section>

{{ end }}