{{define "solve_qa_index"}}
<div class="solve-page">
  <!-- 灯塔 Hero -->
  <header class="solve-hero">
    <div class="solve-hero-bg" aria-hidden="true">
      <span class="solve-sea" aria-hidden="true"></span>
      <span class="solve-lighthouse" aria-hidden="true">
        <i class="sl-body"></i><i class="sl-band"></i><i class="sl-cap"></i><i class="sl-light"></i>
      </span>
      <span class="solve-beam" aria-hidden="true"></span>
    </div>
    <p class="solve-eyebrow">{{ico "compass"}} LIGHTHOUSE · 答疑灯塔</p>
    <h1 class="solve-title">把困惑发射出去，<br>等一座灯塔亮起</h1>
    <ul class="solve-signs">
      <li><b>经验</b><em>走过的人，讲怎么走</em></li>
      <li><b>方法</b><em>给步骤，不给口号</em></li>
      <li><b>数据</b><em>拿事实说话</em></li>
      <li><b>推荐</b><em>选哪条更好，讲清理由</em></li>
    </ul>
  </header>

  <!-- 求助台 -->
  {{if .Data.Err}}<div class="qa-post-err">{{.Data.Err}}</div>{{end}}
  <div class="solve-ask">
    <h3 class="solve-ask-title">{{ico "help"}} 有困惑？发一条求救信号</h3>
    {{if .Data.CurrentUser}}
    <form method="post" action="/qa/ask">
      <div class="qa-chip-row" role="radiogroup" aria-label="选择求助方向">
        {{range $i, $t := .Data.Tags}}
        <label class="qa-chip">
          <input type="radio" name="help_tag" value="{{$t.Name}}" {{if eq $i 0}}checked{{end}}>
          <span class="qa-chip-text" title="{{$t.Name}}">{{$t.Name}}</span>
        </label>
        {{end}}
      </div>
      <textarea class="qa-ask-input" name="content" data-zx-editor data-upload="/blog/upload" rows="6" maxlength="5000" required
        placeholder="写清楚你在做什么、卡在哪里、试过什么，越具体越容易等到回答（支持 Markdown）"></textarea>
      <div class="solve-ask-foot">
        <span class="qa-post-hint">以 <b>{{.Data.CurrentUser}}</b> 的身份提问，写下的第一句话会当作标题。</span>
        <button class="btn btn-primary qa-ask-btn" type="submit">发射信号</button>
      </div>
    </form>
    {{else}}
    <div class="qa-post-login">
      <span>登录后才能提问。</span>
      <a class="btn btn-primary btn-sm" href="/admin/login">去登录</a>
    </div>
    {{end}}
  </div>

  <!-- 灯塔频道 -->
  <div class="solve-channels">
    <a href="/qa" class="solve-channel {{if eq .Data.Tag ""}}on{{end}}">全部</a>
    {{range .Data.Tags}}
    <a href="/qa?help_tag={{.Name}}" class="solve-channel {{if eq $.Data.Tag .Name}}on{{end}}">{{.Name}}<em>{{.Count}}</em></a>
    {{end}}
  </div>

  <!-- 信号卡 -->
  <div class="solve-list">
    {{range .Data.Questions}}
    <article class="solve-card">
      <div class="solve-card-top">
        <span class="qa-tag">{{.HelpTag}}</span>
        {{if eq .Resolved 1}}<span class="qa-badge qa-badge-done">已解决</span>{{else}}<span class="qa-badge qa-badge-open">求助中</span>{{end}}
        <span class="solve-time">{{date .CreatedAt}}</span>
      </div>
      <h2 class="solve-title-sm"><a href="/qa/{{.ID}}">{{.Title}}</a></h2>
      <p class="solve-summary">{{truncate .Content 120}}</p>
      <div class="solve-foot">
        <span class="qa-author">提问 · {{.Author}}</span>
        <span class="qa-views">{{.Views}} 次阅读</span>
        <span class="qa-answers-count">{{.AnswerCount}} 条回答</span>
        <a class="solve-more" href="/qa/{{.ID}}">去点亮 →</a>
      </div>
    </article>
    {{else}}
    <div class="mod-empty">
      <h3>海面还很安静</h3>
      <p>第一个问题由你来发。</p>
    </div>
    {{end}}
  </div>

  {{template "pagination" .}}
  {{template "module_meta" .}}
</div>
{{end}}