<div class="concert-entry">
    <p class="concert-date">
        {{ $t := time.AsTime .context.Params.ConcertDate }}
        {{ $format := "Monday 2 Jan 2006 15h04" }}
        {{ time.Format $format $t | humanize }}
    </p>
    <div class="concert-cover">
        {{ with .context.Resources.GetMatch "cover.*" }}
            <img
                src="{{ .RelPermalink }}"
                width="{{ .Width }}"
                height="{{ .Height }}"
                alt="Concert cover"
            />
        {{ end }}
    </div>
    <div class="concert-overview">
        <h2>
            <a href="{{ .context.RelPermalink }}">{{ .context.LinkTitle }}</a>
        </h2>
        <h3>{{ .context.Summary }}</h3>
        <h4>{{ .context.Description }}</h4>

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

<div class="concert-entry-small">
    <h4 class="concert-date">
        {{ $t := time.AsTime .context.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 .context.Resources.GetMatch "cover.*" }}
                <img
                    src="{{ .RelPermalink }}"
                    width="{{ .Width }}"
                    height="{{ .Height }}"
                    alt="Concert cover"
                />
            {{ end }}
        </div>
        <div class="concert-overview">
            <a href="{{ .context.RelPermalink }}"
                ><h3>{{ .context.LinkTitle }}</h3></a
            >
            <h4>{{ .context.Description }}</h4>
            <p>{{ .context.Summary }}</p>
        </div>
    </div>
    <img src="bar.png" class="separator" />
    <div class="concert-buttons">
        {{ if .tickets }}
            <a class="concert-button" href="{{ .context.Params.TicketsLink }}">
                <img src="billets.png" />
                <span>Billets</span>
            </a>
        {{ end }}
        <a class="concert-button" href="{{ .context.RelPermalink }}">
            <img src="info.png" />
            <span>Infos</span>
        </a>
    </div>
</div>
