{extend name="layout" /}
{block name="title"}社区首页{/block}
{block name="body"}

<div class="layui-row layui-col-space15">
  <!-- 左侧：版块 + 帖子流 -->
  <div class="layui-col-md8">
    <div class="fly-panel">
      <div class="fly-panel-title fly-cols">
        <a class="fly-col-title">最新帖子</a>
        <a class="fly-col-extra" href="/forum?order=hot">热门</a>
      </div>
      <ul class="fly-list">
        {volist name="topics" id="t"}
        <li class="fly-list-item">
          <a href="/forum/u/{$t.user_id}" class="fly-avatar">
            <img src="{$t.author.avatar|default='/static/forum/images/avatar.png'}" alt="">
          </a>
          <h2>
            <a class="fly-link" href="/forum/topic/{$t.id}">{$t.title}</a>
            {if $t.is_top == 1}<span class="layui-badge">置顶</span>{/if}
            {if $t.is_essence == 1}<span class="layui-badge layui-bg-green">精</span>{/if}
          </h2>
          <div class="fly-list-info">
            <a href="/forum/u/{$t.user_id}" class="fly-list-author">{$t.author.nickname|default='匿名'}</a>
            <span>{:date('Y-m-d', $t.create_at)}</span>
            <span class="fly-list-hint">
              <i class="iconfont icon-pinglun1" title="回复"></i> {$t.reply_count}
              <i class="iconfont icon-kiss" title="浏览"></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>

  <!-- 右侧：版块导航 + 热议 -->
  <div class="layui-col-md4">
    <div class="fly-panel">
      <h3 class="fly-panel-title">版块</h3>
      <div class="fly-board">
        {volist name="boards" id="b"}
        <a class="fly-board-item" href="/forum/board/{$b.slug}">
          <i class="layui-icon">{$b.icon|default='&#xe623;'}</i> {$b.name}
          <em>{$b.topic_count}</em>
        </a>
        {/volist}
      </div>
    </div>

    <div class="fly-panel fly-rank">
      <h3 class="fly-panel-title">热议</h3>
      <ul class="fly-rank-list">
        {volist name="hot" id="h" length="10"}
        <li><a href="/forum/topic/{$h.id}">{$h.title}</a></li>
        {/volist}
      </ul>
    </div>

    <div class="fly-panel" style="text-align:center;">
      <a href="/forum/post" class="layui-btn layui-btn-danger" style="width:100%;">发表新帖</a>
    </div>
  </div>
</div>
{/block}