{{define "player"}}
<audio controls preload="none" src="/audio/{{.ID}}" class="player"></audio>
{{end}}

{{define "songcard"}}
<a class="songcard{{if and (not .Own) (not .Reviewed)}} unreviewed{{end}}" href="/songs/{{.ID}}">
  {{with .Average}}<span class="scorebadge">{{score .}}</span>{{end}}
  <span class="title">{{.Title}}</span>
  <span class="artist">{{.Artist}}</span>
  <span class="meta">
    <span class="badge genre">{{.GenreLabel}}</span>
    <span>{{.Length}}</span>
    <span>{{.Submitter}}</span>
    {{if .Own}}<span class="badge admin">oma</span>
    {{else if .Reviewed}}<span class="badge reviewed">arvosteltu</span>
    {{else}}<span class="badge pending">arvostelematta</span>{{end}}
    {{if .ReviewCount}}<span>{{.ReviewCount}} arvostelua</span>{{end}}
  </span>
</a>
{{end}}

{{define "scorefield"}}
<label>Pisteet
  <span class="scorerow">
    <input type="range" name="score" min="1" max="100" value="{{.}}"
           oninput="this.nextElementSibling.value = this.value">
    <output>{{.}}</output>
  </span>
</label>
<span class="scorescale" aria-hidden="true">
  <span>1</span><span>25</span><span>50</span><span>75</span><span>100</span>
</span>
{{end}}