{{template "shellTop" "reminders"}}
<h1>Reminders</h1>
{{if .Reminders}}<div class=scroll><table>
<tr><th>created</th><th>fires</th><th>status</th><th>what</th></tr>
{{range .Reminders}}<tr>
<td class=hint>{{.Created}}</td>
<td>{{.Fires}}</td>
<td><span class="badge {{.Status}}">{{.Status}}</span>{{if .Detail}}<div class=hint>{{.Detail}}</div>{{end}}</td>
<td class=text-max>{{.Text}}</td>
</tr>{{end}}</table></div>
{{else}}<div class=empty>
  <svg class=icon width="24" height="24"><use href="/ethos-icons.svg#i-calendar"/></svg>
  <div>no reminders yet</div>
  <div class=hint>ask maven to remind you of something</div>
</div>{{end}}
{{template "shellBottom"}}
</html>