{{define "content"}}
  {{with .Content}}
    <div class="mx-auto max-w-5xl">
      <div class="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
        <div>
          <h1 class="text-2xl font-semibold text-slate-50">{{.Date}}</h1>
          <p class="mt-1 text-sm text-slate-400">Footage overview</p>
        </div>
        <div class="flex rounded-md border border-slate-800 bg-slate-950 p-1">
          <a href="/day/{{.Date}}/images" class="rounded px-3 py-2 text-sm font-medium text-slate-100 hover:bg-slate-800">Images ({{.ImageCount}})</a>
          <a href="/day/{{.Date}}/videos" class="rounded px-3 py-2 text-sm font-medium text-slate-100 hover:bg-slate-800">Videos ({{.VideoCount}})</a>
        </div>
      </div>
    </div>
  {{end}}
{{end}}