{{ $sites := where site.RegularPages "Section" "events" }}
{{ if gt (len $sites) 0 }}
    <div class="concerts">
        <h2>Programme</h2>
        {{ range sort $sites ".Params.ConcertDate" }}
            {{ $currentTime := (time now) }}
            {{ $delta := $currentTime.Sub (time .Params.ConcertDate ) }}
            {{ if lt $delta 0 }}
                <div class="concert-entry">
                    <p class="concert-date">
                        {{ $t := time.AsTime .Params.ConcertDate }}
                        {{ $format := "Monday 2 Jan 2006 15h04" }}
                        {{ time.Format $format $t | humanize }}
                    </p>
                    <div class="concert-cover">
                        {{ with .Resources.GetMatch "cover.*" }}
                            <img
                                src="{{ .RelPermalink }}"
                                width="{{ .Width }}"
                                height="{{ .Height }}"
                                alt="Concert cover"
                            />
                        {{ end }}
                    </div>
                    <div class="concert-overview">
                        <h2>
                            <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
                        </h2>
                        <h3>{{ .Summary }}</h3>
                        <h4>{{ .Description }}</h4>

                        <img src="bar.png" class="separator" />
                        <div class="concert-buttons">
                            <a
                                class="concert-button"
                                href="{{ .Params.TicketsLink }}"
                            >
                                <img src="billets.png" />
                                <span>Billets</span>
                            </a>
                            <a
                                class="concert-button"
                                href="{{ .RelPermalink }}"
                            >
                                <img src="info.png" />
                                <span>Infos</span>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="concert-entry-small">
                    <h4 class="concert-date">
                        {{ $t := time.AsTime .Params.ConcertDate }}
                        {{ $format := "Monday 2 Jan 2006 15h04" }}
                        {{ time.Format $format $t | humanize }}
                    </h4>
                    <img src="bar.png" class="separator" />
                    <div class="concert-entry-container">
                        <div class="concert-cover">
                            {{ with .Resources.GetMatch "cover.*" }}
                                <img
                                    src="{{ .RelPermalink }}"
                                    width="{{ .Width }}"
                                    height="{{ .Height }}"
                                    alt="Concert cover"
                                />
                            {{ end }}
                        </div>
                        <div class="concert-overview">
                            <a href="{{ .RelPermalink }}"
                                ><h3>{{ .LinkTitle }}</h3></a
                            >
                            <h4>{{ .Description }}</h4>
                            <p>{{ .Summary }}</p>
                        </div>
                    </div>
                    <img src="bar.png" class="separator" />
                    <div class="concert-buttons">
                        <a
                            class="concert-button"
                            href="{{ .Params.TicketsLink }}"
                        >
                            <img src="billets.png" />
                            <span>Billets</span>
                        </a>
                        <a class="concert-button" href="{{ .RelPermalink }}">
                            <img src="info.png" />
                            <span>Infos</span>
                        </a>
                    </div>
                </div>
            {{ end }}
        {{ end }}
    </div>
{{ end }}