{layout layout}
{* 问答列表（view/default/node/qa.html）
   由栏目「问答」的 template_list = qa 指定。
   问题 = 自定义模型 qa 的内容，悬赏/是否解决是模型自定义字段。
   样式：主题 style.css 里的 qa-* 组件（卡片 + 左侧回答数 + 状态标签）。 *}
<section class="page-head">
  <div class="container">
    <nav class="breadcrumb" aria-label="{lang common.breadcrumb}">
      <a href="{$entry_prefix}/">{lang common.home}</a>
      <span>/</span>
      <span>{$node.name}</span>
    </nav>
    <h1 class="page-title">{if !empty($node.title)}{$node.title}{else}{$node.name}{/if}</h1>
    {if !empty($node.description)}<p class="page-desc">{$node.description}</p>{/if}
    <p style="margin:14px 0 0">
      <a class="btn btn-primary" href="{$entry_prefix}/member/submit?node_id={if !empty($node.id)}{$node.id}{/if}">我要提问</a>
    </p>
    <form class="qa-search" action="{$entry_prefix}/search{$q_sep}" method="get" role="search">
      <input class="qa-search__input" type="search" name="q" placeholder="搜索问题，如：伪静态、栏目调用、插件安装">
      <button class="btn btn-primary" type="submit">搜索问题</button>
    </form>
  </div>
</section>

<div class="container home-layout">
  <div class="home-main">
    {if !empty($list)}
    <ul class="qa-list">
      {loop $list as $item}
      <li class="qa-card{if !empty($item.solved)} qa-card--solved{/if}">
        <div class="qa-card__stat">
          <span class="qa-card__count">{$item.comments|default=0}</span>
          <span class="qa-card__unit">回答</span>
        </div>
        <div class="qa-card__body">
          <h3 class="qa-card__title"><a href="{$item.url}">{$item.title}</a></h3>
          {if !empty($item.description)}<p class="qa-card__desc">{$item.description|limit=90}</p>{/if}
          <div class="qa-card__foot">
            {if !empty($item.bounty)}<span class="qa-tag qa-tag--bounty">悬赏 {$item.bounty} 积分</span>{/if}
            {if !empty($item.solved)}
            <span class="qa-tag qa-tag--solved">已解决</span>
            {else}
            <span class="qa-tag qa-tag--open">待解决</span>
            {/if}
            <span>{$item.created_at|date=Y-m-d}</span>
            <span>{$item.views|default=0} {lang common.views_unit}</span>
          </div>
          {if !empty($item.qa_tags)}
          <div class="qa-card__tags">
            {loop $item.qa_tags as $t}
            <a class="qa-chip" href="{$t.url}">{$t.name}</a>
            {/loop}
          </div>
          {/if}
        </div>
      </li>
      {/loop}
    </ul>
    {if !empty($pager)}{include common/pager}{/if}
    {else}
    <div class="empty-state">
      <h3 class="empty-state__title">{lang common.empty_title}</h3>
      <p>还没有问题，来做第一个提问者吧。</p>
    </div>
    {/if}
  </div>

  <aside class="home-side">
    {if !empty($qa_tags)}
    <section class="side-card">
      <h3 class="side-card__title">按标签浏览</h3>
      <div class="qa-tagcloud">
        {loop $qa_tags as $t}
        <a class="qa-chip{if !empty($t.count)} qa-chip--hot{/if}" href="{$t.url}">{$t.name}{if !empty($t.count)}<em>{$t.count}</em>{/if}</a>
        {/loop}
      </div>
    </section>
    {/if}

    {if !empty($hot)}
    <section class="side-card">
      <h3 class="side-card__title">{lang home.sidebar_hot}</h3>
      <ol class="hot-list">
        {loop $hot as $h}
        <li class="hot-item">
          <span class="hot-item__no" aria-hidden="true"></span>
          <a class="hot-item__title" href="{$h.url}">{$h.title|limit=26}</a>
          <span class="hot-item__views">{$h.views|default=0}</span>
        </li>
        {/loop}
      </ol>
    </section>
    {/if}
  </aside>
</div>