{{define "admin_qa_form"}}
  <div class="panel">
    <h2>{{if eq .Data.Mode "create"}}发布问题{{else}}编辑问题「{{.Data.Question.Title}}」{{end}}</h2>
    {{if .Data.Error}}<div class="alert">{{.Data.Error}}</div>{{end}}
    <form method="post" action="{{if eq .Data.Mode "create"}}/admin/qa/create{{else}}/admin/qa/{{.Data.Question.ID}}/update{{end}}">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <div class="form-row">
        <label>问题标题</label>
        <input type="text" name="title" required value="{{.Data.Question.Title}}" placeholder="一句话说清你想问什么">
      </div>
      <div class="form-row">
        <label>求助方向</label>
        <input type="text" name="help_tag" value="{{.Data.Question.HelpTag}}" placeholder="经验 / 方法 / 数据 / 推荐…" list="qa-tags">
        <datalist id="qa-tags">
          {{range .Data.Tags}}<option value="{{.Name}}">{{end}}
        </datalist>
      </div>
      <div class="form-row">
        <label>提问人</label>
        <input type="text" name="author" value="{{.Data.Question.Author}}" placeholder="留空则默认为「匿名」">
      </div>
      <div class="form-row">
        <label>问题详情（支持 Markdown）</label>
        <textarea name="content" class="editor" data-zx-editor data-upload="/blog/upload" placeholder="# 补充背景…">{{.Data.Question.Content}}</textarea>
      </div>
      <div class="form-row">
        <label><input type="checkbox" name="resolved" value="1" {{if eq .Data.Question.Resolved 1}}checked{{end}}> 已解决（已有最佳回答）</label>
      </div>
      <div style="display:flex;gap:10px;align-items:center;">
        <button class="btn btn-primary" type="submit">{{if eq .Data.Mode "create"}}发布问题{{else}}保存修改{{end}}</button>
        <a class="btn btn-ghost" href="/admin/qa">返回问答列表</a>
      </div>
    </form>
  </div>
{{end}}