{{template "header" . }}
<h2>Recent Listens</h2>
<ul class="scrobbles">
	{{if .NowPlaying}} {{template "song" .NowPlaying}} {{end}}
{{- range .Scrobbles}}
	{{template "song" .}}
{{- end}}
</ul>
{{template "footer" }}

{{define "song"}}
	<li>
		<img class="cover" src="{{or .Image "https://lastfm-img2.akamaized.net/i/u/64s/4128a6eb29f94943c9d206c08e625904.png"}}"/>
		<div>
			{{.Artist}} — {{.TrackName}}<br/>
			<span class="album">in {{.Album}}</span>
		</div>
		<div class="like">
			<span class="time">{{.Time | ago}}</span><br/>
			<span class="swap">
				<i class="material-icons one">favorite_border</i>
				<i class="material-icons two">favorite</i>
			</span>
		</div>
	</li>
{{end}}