{extend name="layout" /}
{block name="title"}{$board.name}{/block}
{block name="body"}
<div class="layui-container fly-marginTop">
  <div class="fly-panel">
    <div class="fly-panel-title">
      <span>{$board.name}</span>
      <span class="fly-board-desc">{$board.description}</span>
      <span class="fly-board-actions">
        <a href="/forum/board/{$board.slug}?order=new" {if $order=='new'}class="layui-this"{/if}>最新</a>
        <a href="/forum/board/{$board.slug}?order=hot" {if $order=='hot'}class="layui-this"{/if}>热门</a>
      </span>
    </div>
    <ul class="fly-list">
      {volist name="topics" id="t"}
      <li class="fly-list-item">
        <h2><a class="fly-link" href="/forum/topic/{$t.id}">{$t.title}</a></h2>
        <div class="fly-list-info">
          <span class="fly-list-author">{$t.author.nickname|default='匿名'}</span>
          <span>{:date('Y-m-d', $t.create_at)}</span>
          <span class="fly-list-hint">
            <i class="iconfont icon-pinglun1"></i> {$t.reply_count}
            <i class="iconfont icon-kiss"></i> {$t.views}
          </span>
        </div>
      </li>
      {/volist}
    </ul>
    <div class="fly-none" style="display:{if empty($topics.list)}block{else}none{/if}">本版块暂无帖子</div>
  </div>
</div>
{/block}