{{ define "main" }}
  {{ .Content }}

  {{ if gt (len (where .Site.RegularPages "Section" "nieuws")) 0 }}
    <section>
      <h2>Laatste nieuws</h2>
      <ul class="list">
        {{ range (first 5 (where .Site.RegularPages "Section" "nieuws").ByDate.Reverse) }}
          <li>
            <a class="link" href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a>
            <hr class="hr-list">
            <time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
          </li>
          {{ end }}
      </ul>
    </section>
  {{ end }}

  {{ if gt (len (.Site.Data.projecten.open)) 0 }}
    <section>
      <h2>Lopende projecten</h2>
      <ul>
        {{ range $.Site.Data.projecten.open }}
          <li>{{ .name }} ({{ .description_short }})</li>
        {{ end }}
      </ul>
      <p>Op de pagina <a href="/projecten/">Projecten</a> beschrijven we deze en andere projecten. Meehelpen? Contacteer een actief projectlid voor meer informatie.</p>
    </section>
  {{ end }}

  <h2>Aankomende evenementen</h2>

    {{ $upcoming_events := sort .Site.Data.evenementen.kalender "date_start" "asc" }}
    {{ range $upcoming_events }}
      {{ if eq .highlight_on_homepage true }}
        <div class="highlight-box">
          <h3>{{ .name }}</h3>
          <p><strong>Datum</strong><br><time class="g time" datetime="{{ dateFormat "2006-01-02" .date_start }}">{{ .date_start | time.Format ":date_full" | strings.FirstUpper }}</time></p>
          <!-- <div class="m-b-sm"> -->
          {{ if .event_location }}
            <p><strong>Locatie</strong><br>
            {{ with .event_location }}{{ . }}<br>{{ end }}
            {{ with .event_address }}
              {{ with .street_address }}{{ . }}{{ end }}<br>{{ with .postal_code }}{{ . }}{{ end }}{{ with .city }}, {{ . }}{{ end }}{{ with .country }}, {{ . }}{{ end }}
            {{ end }}
            </p>
          {{ end }}
          {{ with .event_url }}<a href="{{ . }}" class="button">Meer informatie</a>{{ end }}
        </div>
      {{ end }}
    {{ end }}

    <p>Naast de door ons georganiseerde evenementen staat er meer op de agenda. Zie de uitgebreide <a href="/evenementen/kalender/">evenementenkalender</a> voor meer details.</p>
    <ul>
      {{ range first 10 (where $upcoming_events "date_start" "gt" (dateFormat "2006-01-02" now)) }}
        <li>{{ .date_start | dateFormat "02-01-2006" }} - {{ .name }}</li>
      {{ end }}
    </ul>


{{ end }}