{{define "bookmarks"}}{{template "header" .}}
{{if .Data}}
<table class="table vs-table table-sm">
  <thead><tr><th>Song</th><th>Position</th><th>Comment</th><th></th></tr></thead>
  <tbody>
  {{range .Data}}
    <tr>
      <td>{{.Song.Title}} <span class="text-secondary small">— {{.Song.ArtistName}}</span></td>
      <td>{{fmtDuration (millisToSec .Bookmark.PositionMs)}}</td>
      <td class="text-secondary small">{{.Bookmark.Comment}}</td>
      <td class="text-end">
        <form method="post" action="/bookmarks/{{.Bookmark.SongID}}/delete">
          {{template "csrf_field" $.CSRFToken}}
          <button type="submit" class="btn btn-sm btn-outline-danger">Remove</button>
        </form>
      </td>
    </tr>
  {{end}}
  </tbody>
</table>
{{else}}
<p class="text-secondary">No bookmarks yet.</p>
{{end}}
{{template "footer" .}}{{end}}