{{define "content"}}
<div class="split">
  <div class="col-main">
    <div class="card">
      <h1 class="card-title">新建项目</h1>
      <p class="muted">新项目默认对所有人可见，工作室成员登录后即可推送代码。</p>
      <form method="post" action="/new" autocomplete="off">
        <input type="hidden" name="csrf" value="{{.CSRF}}">
        <label class="field">
          <span>项目名称</span>
          <input type="text" name="name" required maxlength="64" placeholder="例如：studio-site" value="{{if .Data.Name}}{{.Data.Name}}{{end}}" autofocus>
          <em class="field-hint">只允许字母、数字、点、下划线、短横线；创建后不建议修改。</em>
        </label>
        <label class="field">
          <span>项目描述（可选）</span>
          <textarea name="description" rows="3" maxlength="300" placeholder="一句话说明这个项目是做什么的">{{if .Data.Description}}{{.Data.Description}}{{end}}</textarea>
        </label>
        <button class="btn btn-primary btn-lg" type="submit">创建项目</button>
      </form>
    </div>
  </div>
  <aside class="col-side">
    <div class="card tip-card">
      <h3>创建后如何推送？</h3>
      <ol class="steps">
        <li><span class="step">1</span><div>在本地初始化仓库
          <pre class="code">git init -b main
git add .
git commit -m "first commit"</pre></div></li>
        <li><span class="step">2</span><div>关联 gitcat 远程地址
          <pre class="code">git remote add origin http://{{"<服务器地址>"}}/你的项目名.git</pre></div></li>
        <li><span class="step">3</span><div>推送（输入 gitcat 账号密码）
          <pre class="code">git push -u origin main</pre></div></li>
      </ol>
    </div>
  </aside>
</div>
{{end}}