{{ define "main" }}
<article>

	<div class="banner">
	    <div>
		<ul class="nomarkup">
		<li>Open source</li>
		<li>Open systemen</li>
		<li>Open standaarden</li>
		</ul>
	    </div>
	</div>

<div class="grid-row">
  <div class="grid-two-thirds">{{ .Content }}

  {{ if gt (len (where .Site.RegularPages "Section" "nieuws")) 0 }}
    <section>
      <h2>{{ i18n "header_latest_news" | default "Laatste nieuws" }}</h2>
      <ul class="list">
        {{ range (first 5 (where .Site.RegularPages "Section" "nieuws").ByDate.Reverse) }}
          <li>
            <a class="link" href="{{ .RelPermalink }}">{{ .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 }}

  </div>
  <div class="grid-third">
  <section>
    {{ $upcoming_events := sort .Site.Data.evenementen.kalender "date_start" "asc" }}

    <h2>{{ i18n "header_upcoming_events" | default "Aankomende evenementen" }}</h2>
    {{ range $upcoming_events }}
      {{ $date_start := .date_start | time.Format "2006-01-02" }}
      {{ $t := time.Now | time.Format "2006-01-02" }}
      {{ if ge $date_start $t }}
        {{ if eq .highlight_on_homepage true }}
        <div class="highlight-box highlight-box-{{ if .nluug_event }}nluug{{ else }}other{{end }}">
            <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="btn btn-cta2">Meer informatie</a>{{ end }}
          </div>
        {{ end }}
      {{ end }}
    {{ end }}

    <p>{{ i18n "sentence_more_events_planned" | default "Naast de door ons georganiseerde evenementen staat er meer op de agenda" }}.</p>
    <ul>
      {{ range first 10 (where $upcoming_events "date_start" "ge" (dateFormat "2006-01-02" now)) }}
        <li>
	  <a class="event" href="/evenementen/kalender/#{{ anchorize (.date_start | dateFormat "2006-01-02") }}-{{ anchorize .name }}">{{ .name }}</a><br>
	  <time class="time" datetime="{{ .date_start | dateFormat "2006-01-02" }}">{{ .date_start | dateFormat "02-01-2006" }}</time>
	</li>
      {{ end }}
    </ul>
    <a class="btn btn-cta" href="/evenementen/kalender/">Bekijk kalender</a>

  </section>
  </div>
</div>

  {{ 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 }}
</article>
{{ end }}