{{template "shellTop" "morning"}}
<h1>Morning Routines</h1>
{{if not .}}
<div class=hint>no morning routines configured</div>
{{else}}
{{range .}}
<div class="mb-4">
  <div><strong>{{.Name}}</strong>
    <span class={{if .Active}}green{{else}}gray{{end}}>{{if .Active}}active now{{else}}outside window{{end}}</span>
    <span class=hint>{{.WindowStart}}–{{.WindowEnd}}</span>
  </div>
  <div class=scroll><table class=mono>
  <tr><th>item<th>status</tr>
  {{range .Items}}<tr>
  <td>{{.Label}}</td>
  <td class={{if .Done}}green{{else}}red{{end}}>{{if .Done}}done{{else}}missing{{end}}</td>
  </tr>{{end}}
  </table></div>
</div>
{{end}}
{{end}}
{{template "shellBottom"}}
</html>