{{define "qa_detail"}}
<div class="thm-qa">
  <div class="mod-back"><a href="/qa">← 返回问路广场</a></div>

  <article class="qa-article">
    <div class="qa-article-kicker">
      {{if .Data.Question.HelpTag}}<span class="qa-tag">{{.Data.Question.HelpTag}}</span>{{end}}
      {{if eq .Data.Question.Resolved 1}}<span class="qa-badge qa-badge-done">已解决 · 已答谢</span>{{else}}<span class="qa-badge qa-badge-open">求助中</span>{{end}}
    </div>
    <h1 class="qa-article-title">{{.Data.Question.Title}}</h1>
    <div class="qa-article-meta">
      <span>提问 · {{.Data.Question.Author}}</span>
      <span>{{date .Data.Question.CreatedAt}}</span>
      <span>{{.Data.Question.Views}} 次阅读</span>
      <span>{{len .Data.Answers}} 条回答</span>
      {{template "fav_button" dict "VD" . "Type" "qa" "Key" (printf "%d" .Data.Question.ID) "Title" .Data.Question.Title "URL" (printf "/qa/%d" .Data.Question.ID)}}
    </div>
    <div class="qa-article-body">
      {{.Data.Body}}
    </div>
  </article>

  <section class="qa-answers">
    <h2 class="qa-answers-title">回答（{{len .Data.Answers}}）</h2>
    {{range .Data.Answers}}
    <div class="qa-answer {{if eq .Accepted 1}}qa-answer-accepted{{end}}">
      <div class="qa-answer-head">
        <span class="qa-answer-avatar">{{printf "%.1s" .Author}}</span>
        <span class="qa-answer-name">{{.Author}}</span>
        <span class="qa-answer-time">{{dateTime .CreatedAt}}</span>
        {{if eq .Accepted 1}}<span class="qa-badge qa-badge-done">已采纳 · 答谢</span>{{end}}
      </div>
      <div class="qa-answer-content">{{.Content}}</div>
      {{if and (eq .Accepted 0) (hasPerm $.Perms "qa.manage")}}
      <form method="post" action="/admin/qa/answers/{{.ID}}/accept" class="qa-accept-form">
        <input type="hidden" name="csrf" value="{{$.CSRF}}">
        <button class="btn btn-ghost btn-sm" type="submit"
                onclick="return confirm('确定采纳这条回答吗？采纳后问题将标记为已解决。');">采纳为最佳回答</button>
      </form>
      {{end}}
    </div>
    {{else}}
    <div class="mod-empty" style="padding:26px 20px;">
      <h3>还没有人回答</h3>
      <p>如果你懂，就搭把手——帮陌生人省下半天弯路。</p>
    </div>
    {{end}}
  </section>

  {{if .Data.CurrentUser}}
  <form class="comment-form qa-answer-form" method="post" action="/qa/{{.Data.Question.ID}}/answer">
    <div class="qa-answer-form-who">以 <b>{{.Data.CurrentUser}}</b> 的身份回答</div>
    <div class="field">
      <textarea name="content" placeholder="写下你的回答…" maxlength="2000" required></textarea>
    </div>
    <button class="btn btn-primary" type="submit">提交回答</button>
  </form>
  {{else}}
  <div class="qa-post-login">
    <span>登录后才能回答。</span>
    <a class="btn btn-primary btn-sm" href="/admin/login">去登录</a>
  </div>
  {{end}}
</div>
{{end}}