{{ define "main" }}

<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <ul class="list-unstyled">
          {{ range .Params.events }}
          <li class="d-md-table mb-4 w-100 border-bottom hover-shadow">
            <div class="d-md-table-cell text-center p-4 bg-primary text-white mb-4 mb-md-0 termin-tc">
              <span class="h2 d-block">{{ time.Format "2" .date}}</span>
              <span class="d-block">{{ time.Format "Jan 2006" .date}}</span>
              {{ with .enddate }}
                <br>
                bis {{ time.Format "2 Jan 2006" . }}
              {{ end }}
            </div>
            <div class="d-md-table-cell px-4 vertical-align-middle mb-4 mb-md-0 p-2">
              <p class="h4 mb-0 d-block">{{ .title }}</p>
            </div>
            {{ with .location }}
            <div class="d-md-table-cell text-right pr-0 pr-md-4 p-2 vertical-align-middle">
              <p>
                <i class="mdi mdi-map-marker-radius-outline icon-s text-primary mr-2"></i>
                {{ . | markdownify }}
              </p>
            </div>
            {{ end }}
          </li>
          {{ end }}
        </ul>
      </div>
    </div>
  </div>
</section>

{{ end }}