<div class="concerts">
    {{ $sites := where site.RegularPages "Section" "events" }}
    {{ range sort $sites ".Params.ConcertDate" }}
        <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 }}
</div>
