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

{{define "songrow"}}
<tr>
  <td>
    <a href="/songs/{{.ID}}">{{.Title}}</a>
    <span class="muted"> — {{.Artist}}</span>
    {{if .Own}}<span class="tag">oma</span>{{else if .Reviewed}}<span class="tag done">arvosteltu</span>{{end}}
  </td>
  <td class="nowrap">{{.GenreLabel}}</td>
  <td class="nowrap">{{.Length}}</td>
  <td class="nowrap">
    {{if .Average}}<strong>{{score .Average}}</strong> <span class="muted">({{.ReviewCount}})</span>
    {{else if .ReviewCount}}<span class="muted">{{.ReviewCount}} arvostelua</span>
    {{else}}<span class="muted">—</span>{{end}}
  </td>
</tr>
{{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>
{{end}}