{{template "shellTop" "reminders"}}
<h1>Reminders</h1>
{{if .Msg}}<div class="msg msg-ok">{{.Msg}}</div>{{end}}
{{if .Reminders}}<div class=scroll><table>
<tr><th>created</th><th>fires</th><th>status</th><th>what</th><th>action</th></tr>
{{range .Reminders}}<tr>
<td class=hint>{{.Created}}</td>
<td>{{.Fires}}{{if .Schedule}}<div class=hint>{{.Schedule}}</div>{{end}}</td>
<td><span class="badge {{.Status}}">{{.Status}}</span>{{if .Detail}}<div class=hint>{{.Detail}}</div>{{end}}</td>
<td class=text-max>{{.Text}}</td>
<td>{{if .CanCancel}}<form method="post" action="/reminders">
  <input type="hidden" name="id" value="{{.ID}}">
  <button type="submit" name="action" value="cancel">cancel</button>
</form>{{end}}</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>