{{template "head" .}}
<main class="page page-narrow">

  <header class="masthead">
    <div class="masthead-day">
      <p class="eyebrow">Settings</p>
      <p class="masthead-count">{{.Settings.Length}}</p>
      <p class="masthead-of">days from {{.Settings.StartDate}}</p>
    </div>
  </header>

  {{if .Error}}<p class="alert">{{.Error}}</p>{{end}}
  {{if .Flash}}<p class="flash">{{.Flash}}</p>{{end}}

  <form class="sheet" method="post" action="/settings">
    {{template "settings-fields" .}}
    <button class="save" type="submit">Save settings</button>
    <p class="sheet-note">Targets apply to the whole challenge, past days included. Move day 1 and every entry keeps its date but changes its number.</p>
  </form>

  <section class="sheet">
    <h2 class="sheet-heading">Backup</h2>
    <p class="sheet-note">The log lives in one file on the server. Download a copy before you change anything you cannot retype.</p>
    <p><a class="save save-quiet" href="/export.json">Download the log</a></p>

    <form method="post" action="/import" enctype="multipart/form-data" class="restore"
          data-confirm="Restoring replaces every day currently in the log. Continue?">
      <label for="backup">Restore from a download</label>
      <input id="backup" name="backup" type="file" accept="application/json,.json" required>
      <button class="save save-quiet" type="submit">Restore</button>
    </form>
  </section>

</main>
{{template "foot" .}}