{{define "register.html"}}{{template "layout" .}}{{end}}
{{define "content"}}
<div class="row justify-content-center">
  <div class="col-md-5">
    <div class="card shadow-sm">
      <div class="card-body p-4">
        <h3 class="text-center mb-4">注册账号</h3>
        <p class="text-center text-muted small mb-3">本站首个注册用户将自动成为管理员</p>
        <form id="regForm">
          <div class="mb-3">
            <label class="form-label">用户名（3-32位字母数字下划线）</label>
            <input type="text" name="username" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label">昵称</label>
            <input type="text" name="nickname" class="form-control">
          </div>
          <div class="mb-3">
            <label class="form-label">密码（至少6位）</label>
            <input type="password" name="password" class="form-control" required>
          </div>
          <button type="submit" class="btn btn-success w-100">注册</button>
        </form>
        <p class="text-center mt-3 mb-0">已有账号？<a href="/login">去登录</a></p>
      </div>
    </div>
  </div>
</div>
{{end}}
{{define "scripts"}}
<script>
document.getElementById('regForm').addEventListener('submit', function(e){
  e.preventDefault();
  apiPost('/api/register', this, true).then(d=>{
    if(d.error){ showToast(d.error,'danger'); return; }
    showToast('注册成功'); location.href='/';
  });
});
</script>
{{end}}