{{ define "main" }}
{{ $upcoming := (where .Pages "Date" "ge" now).ByDate }}
{{ $past := (where .Pages "Date" "lt" now).ByDate.Reverse }}

<header class="page-head wrap">
    <h1 class="display display--xl">{{ .Title }}</h1>
    {{ with .Content }}<div class="page-head__lead">{{ . }}</div>{{ end }}
</header>

<section class="wrap shows-block" aria-labelledby="kommend">
    <h2 id="kommend" class="display">Kommende Termine</h2>
    {{ with $upcoming }}
    <div class="flyer-wall">
        {{ range . }}{{ partial "show-card.html" . }}{{ end }}
    </div>
    {{ else }}
    <p class="live__empty">Gerade sind keine Termine angekündigt. Ihr wollt uns auf eurer Bühne? Schreibt an <a href="mailto:{{ site.Params.email }}">{{ site.Params.email }}</a>.</p>
    {{ end }}
</section>

<section class="wrap shows-block" aria-labelledby="archiv">
    <h2 id="archiv" class="display">Archiv</h2>
    {{ range $past.GroupByDate "2006" }}
    <div class="year-group">
        <h3 class="year-group__year">{{ .Key }}</h3>
        <div class="flyer-wall">
            {{ range .Pages }}{{ partial "show-card.html" . }}{{ end }}
        </div>
    </div>
    {{ end }}
</section>
{{ end }}