{{define "content"}}
<section class="install">
  <div class="install-side">
    <div class="brand big">
      <span class="brand-mark lg" aria-hidden="true">
        <svg viewBox="0 0 24 24" width="30" height="30" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
          <path d="M4 8.5 8 4l4 3 4-3 4 4.5"/><path d="M6 12h12v4.5a3.5 3.5 0 0 1-3.5 3.5h-5A3.5 3.5 0 0 1 6 16.5z"/>
          <circle cx="10" cy="15" r="0.6" fill="currentColor" stroke="none"/><circle cx="14" cy="15" r="0.6" fill="currentColor" stroke="none"/>
          <path d="M12 18.2c.7.7 1.6.7 2.3 0"/>
        </svg>
      </span>
      <span>gitcat</span>
    </div>
    <h1>把代码留<br>在自己的服务器上</h1>
    <p class="lead">gitcat 是给小型工作室用的自建 Git 服务：项目公开可看、成员登录后可推送、每次推送自动生成「What's New」更新说明。</p>
    <ul class="feature-list">
      <li><span class="fi">1</span><div><strong>轻量部署</strong><em>单个二进制 + SQLite，默认监听 12747 端口</em></div></li>
      <li><span class="fi">2</span><div><strong>成员协作</strong><em>账号由管理员创建，推送全程留痕，谁改了什么一目了然</em></div></li>
      <li><span class="fi">3</span><div><strong>AI 摘要</strong><em>接入 OpenAI 兼容接口，自动为访客生成更新说明</em></div></li>
    </ul>
  </div>

  <div class="card install-card">
    <h2>初始化安装</h2>
    <p class="muted">只需两步，完成后即可开始使用。</p>
    <form method="post" action="/install" autocomplete="off">
      <fieldset>
        <legend><span class="step">1</span> 站点信息</legend>
        <label class="field">
          <span>站点名称</span>
          <input type="text" name="site_name" required maxlength="60" placeholder="例如：山猫工作室 · 代码仓库" value="{{if .Data.SiteName}}{{.Data.SiteName}}{{end}}">
        </label>
      </fieldset>
      <fieldset>
        <legend><span class="step">2</span> 管理员账号</legend>
        <div class="grid-2">
          <label class="field">
            <span>管理员用户名</span>
            <input type="text" name="username" required maxlength="32" placeholder="admin" value="{{if .Data.Username}}{{.Data.Username}}{{end}}">
          </label>
          <label class="field">
            <span>显示昵称（可选）</span>
            <input type="text" name="display_name" maxlength="40" placeholder="例如：老猫" value="{{if .Data.DisplayName}}{{.Data.DisplayName}}{{end}}">
          </label>
        </div>
        <div class="grid-2">
          <label class="field">
            <span>密码</span>
            <input type="password" name="password" required minlength="6" placeholder="至少 6 位">
          </label>
          <label class="field">
            <span>确认密码</span>
            <input type="password" name="password2" required minlength="6" placeholder="再输入一次">
          </label>
        </div>
      </fieldset>
      <button class="btn btn-primary btn-lg btn-block" type="submit">完成安装，进入 gitcat</button>
      <p class="hint">安装后所有成员账号均由管理员在 /admin 后台创建，站点不开放注册。</p>
    </form>
  </div>
</section>
{{end}}