{{define "content"}}
<div class="auth">
  <button class="theme-toggle auth-theme" type="button" data-theme-toggle aria-label="切换亮色/暗色" aria-pressed="false"><span class="ic-moon" aria-hidden="true">☾</span><span class="ic-sun" aria-hidden="true">☀</span></button>
  <div class="auth-card">
    <div class="auth-brand"><span class="brand-mark" aria-hidden="true">代</span><span>代打台</span></div>
    <h1>创建第一个管理员</h1>
    <p>数据库里还没有账户。设置好账号后即可开始录入套餐与客户。</p>
    <form method="post" action="/setup" class="stack">
      <label class="field"><span>用户名</span>
        <input class="form-control" id="username" type="text" name="username" required minlength="3" maxlength="32" autocomplete="username" placeholder="建议用拼音或英文名">
      </label>
      <label class="field"><span>显示名称</span>
        <input class="form-control" id="display_name" type="text" name="display_name" maxlength="32" placeholder="例如：老王（可留空）">
      </label>
      <label class="field"><span>密码（至少 6 位）</span>
        <input class="form-control" id="password" type="password" name="password" required minlength="6" autocomplete="new-password">
      </label>
      <label class="field"><span>再输一次密码</span>
        <input class="form-control" id="password2" type="password" name="password2" required minlength="6" autocomplete="new-password">
      </label>
      <button type="submit" class="btn btn-primary btn-block">创建并登录</button>
    </form>
    <p class="auth-foot">忘记密码只能手动改数据库，请妥善保管。</p>
  </div>
</div>
{{end}}