{jv:include file='header.html' /}

<section class="page-hero">
  <div class="container page-hero-inner">
    <div>
      <h1 class="page-hero-title">{jv:lang name='forum_community' /}</h1>
      <p class="page-hero-sub">{jv:lang name='forum_subtitle' /}</p>
    </div>
    <div class="page-hero-stats">
      <div class="ph-stat"><b>{jv:forum_stat_topics}</b><span>{jv:lang name='forum_stat_topics' /}</span></div>
      <div class="ph-stat"><b>{jv:forum_stat_replies}</b><span>{jv:lang name='forum_stat_replies' /}</span></div>
      <div class="ph-stat"><b>{jv:forum_stat_members}</b><span>{jv:lang name='forum_stat_members' /}</span></div>
    </div>
  </div>
</section>

<nav class="crumb" aria-label="{jv:lang name='main_nav' /}">
  <div class="container">
    <a href="{jv:url}">{jv:lang name='home' /}</a><span class="sep">/</span><span class="cur">{jv:lang name='forum_community' /}</span>
  </div>
</nav>

<div class="container">
  <div class="page-layout">
    <main class="page-main">

      <div class="forum-cats">
        {jv:forum_boards_html}
      </div>

      <div class="fbar">
        <h2 class="fbar-title">{jv:lang name='forum_hot_threads' /} <span class="cnt">{jv:lang name='forum_board_count' /}</span></h2>
        <a class="btn-post" href="{jv:url}forum" data-action="post">
          <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg>
          {jv:lang name='forum_new_thread' /}
        </a>
      </div>

      <div class="forum-table">
        <table>
          <thead>
            <tr>
              <th style="width:auto;">{jv:lang name='forum_topic' /}</th>
              <th style="width:140px;">{jv:lang name='forum_author' /}</th>
              <th style="width:90px;text-align:center;">{jv:lang name='forum_stat_replies' /}</th>
              <th style="width:170px;text-align:right;">{jv:lang name='forum_last_post' /}</th>
            </tr>
          </thead>
          <tbody>
          {jv:forumlist num="15" orderby="hot"}
          {jv:if condition='(is_top==1)'}
          <tr class="ft-stick">
          {jv:else /}
          <tr>
          {/jv:if}
            <td>
              <div class="ft-title">
                {jv:if condition='(is_top==1)'}
                <span class="chip chip-red">{jv:lang name='forum_sticky' /}</span>
                {/jv:if}
                {jv:if condition='(is_digest==1)'}
                <span class="chip chip-orange">{jv:lang name='forum_essence' /}</span>
                {/jv:if}
                <span class="tt"><a href="{jv:arcurl}">{jv:title}</a></span>
              </div>
              <div class="ft-sub">
                <span>{jv:typename}</span>
                <span>{jv:add_time|MyDate='Y-m-d',###}</span>
              </div>
            </td>
            <td class="ft-author">{jv:author}</td>
            <td class="ft-reply"><b>{jv:replynum}</b><span>{jv:lang name='forum_views' /} {jv:arcclick}</span></td>
            <td class="ft-last">{jv:add_time|MyDate='Y-m-d H:i',###}</td>
          </tr>
          {/jv:forumlist}
          </tbody>
        </table>
      </div>

    </main>

    <aside class="page-aside">
      <div class="side-card">
        <h3 class="side-title">{jv:lang name='forum_announcement' /}</h3>
        <ul class="side-list">
          {jv:forum_announce_html}
        </ul>
      </div>

      <div class="side-card">
        <h3 class="side-title">{jv:lang name='forum_active_members' /}</h3>
        <ul class="side-list">
          {jv:forum_active_html}
        </ul>
      </div>

      <div class="side-ad">
        <h4>{jv:lang name='forum_become_moderator' /}</h4>
        <p>{jv:lang name='forum_become_moderator_desc' /}</p>
        <a class="btn btn-primary" href="{jv:url}forum">{jv:lang name='forum_apply_moderator' /}</a>
      </div>
    </aside>
  </div>
</div>

{jv:include file='footer.html' /}