{{ define "main" }}
{{ $releases := partial "releases.html" . }}
{{/* Hervorgehoben wird das neueste Album, ohne Album das neueste Release. */}}
{{ $featured := false }}
{{ with where $releases "kind" "Album" }}{{ $featured = index . 0 }}{{ else }}{{ with $releases }}{{ $featured = index . 0 }}{{ end }}{{ end }}

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

{{ with $featured }}
<section class="wrap album" aria-labelledby="album-title">
    <div class="album__sleeve">
        <div class="album__vinyl" aria-hidden="true"></div>
        <div class="album__cover">
            {{ partial "img.html" (dict "res" .cover "alt" (printf "Cover von %s" .title) "sizes" "(min-width: 900px) 30rem, 80vw" "widths" (slice 480 800) "eager" true) }}
        </div>
    </div>
    <div class="album__info">
        <p class="album__kind">{{ .kind }}, erschienen am {{ .date | time.Format "2. January 2006" }}</p>
        <h2 id="album-title" class="album__title">{{ .title }}</h2>
        {{ with $.Params.albumText }}<p class="album__text">{{ . }}</p>{{ end }}
        <a class="button button--bolt" href="{{ site.Params.spotify }}" target="_blank" rel="noopener">Auf Spotify hören</a>
    </div>
</section>
{{ end }}

{{ $rest := slice }}
{{ range $releases }}{{ if or (not $featured) (ne .key $featured.key) }}{{ $rest = $rest | append . }}{{ end }}{{ end }}
{{ with $rest }}
<section class="wrap discography" aria-labelledby="diskografie">
    <h2 id="diskografie" class="display">Diskografie</h2>
    <ol class="covers">
        {{ range . }}
        <li class="cover">
            <div class="cover__img">
                {{ partial "img.html" (dict "res" .cover "alt" (printf "Cover von %s" .title) "sizes" "(min-width: 900px) 22rem, 45vw" "widths" (slice 400 800)) }}
            </div>
            <h3 class="cover__title">{{ .title }}</h3>
            <p class="cover__meta">{{ .kind }}, <time datetime="{{ .date.Format "2006-01-02" }}">{{ .date | time.Format "2. January 2006" }}</time></p>
        </li>
        {{ end }}
    </ol>
</section>
{{ end }}

<section class="wrap listen" aria-labelledby="reinhoeren">
    <h2 id="reinhoeren" class="display">Reinhören</h2>
    {{ partial "spotify.html" . }}
</section>

<section class="wrap elsewhere" aria-labelledby="elsewhere">
    <h2 id="elsewhere" class="display">Mehr von uns</h2>
    <ul class="elsewhere__list">
        <li><a href="{{ site.Params.spotify }}" target="_blank" rel="noopener"><strong>Spotify</strong> Alle Songs und das Album</a></li>
        <li><a href="{{ site.Params.youtube }}" target="_blank" rel="noopener"><strong>YouTube</strong> Videos und Live-Mitschnitte</a></li>
        <li><a href="{{ site.Params.instagram }}" target="_blank" rel="noopener"><strong>Instagram</strong> Neuigkeiten aus dem Proberaum</a></li>
    </ul>
</section>
{{ end }}