{extend name="common/base" /}

{block name="content"}
<!--
================================================================================
首页模板 —— 全站数据均通过标签调用，无需控制器预置变量
================================================================================
-->

<!--
--------------------------------------------------------------------------------
横幅区：数据来自「模板管理 → 主题配置」
  主题配置直接用控制器注入的 Tpl 数组（点号取值：Tpl点字段 / Tpl点分组点字段，
  注意模板注释里不能写花括号变量——会被引擎当普通标签编译），
  站点副标题用 siteConfig 数组的 subtitle，无需再写 cms:tpl / cms:config 取数标签
--------------------------------------------------------------------------------
-->
<section class="hero"{if condition="!empty($Tpl['hero_image'])"} style="background-image:url('{$Tpl.hero_image}');background-size:cover;background-position:center"{/if}>
    <div class="hero-text">
        <h1>{if condition="!empty($Tpl['hero_title'])"}{$Tpl.hero_title}{else /}{$siteConfig.subtitle|default='高性能多站点内容管理系统'}{/if}</h1>
        <p>{$Tpl.hero_desc}</p>
        {if condition="!empty($Tpl['notice'])"}
        <p class="hero-notice">{$Tpl.notice}</p>
        {/if}
        <div class="hero-actions">
            <!-- 链接一律用标签生成：主题配置为空时回落到站内搜索 -->
            <a class="btn btn-primary" href="{:lang_url($Tpl['hero_button_link'] ?: '/search')}">{$Tpl.hero_button_text|default='立即体验'}</a>
            <a class="btn btn-ghost" href="{cms:url type='category' id='2'}">{:__('ViewNews')}</a>
        </div>
    </div>
</section>

{if condition="empty($Tpl['show_recommend']) || $Tpl['show_recommend'] != '0'"}
<!--
--------------------------------------------------------------------------------
内容列表标签  cms:contentlist（闭合标签）
--------------------------------------------------------------------------------
参数（都可省略）：
  catid     栏目ID，多个用英文逗号分隔；留空=全站
  model     内容模型ID，如 2=产品、1=文章
  limit     条数，默认 10
  order     排序，支持多字段与预设别名：
              new / latest    最新发布      update   最近更新
              hot / views     访问量最多    sort     排序号
              recommend / top 推荐优先 / 置顶优先
              也可直接写字段：order="publish_time desc,id desc"
  where     自定义条件（; 分隔，字段须为内容主表真实列）：
              where="views > 100; is_recommend = 1"
  flag      内容属性筛选：top 置顶 / recommend 推荐 / hot 热门
  tag/tagid 按标签筛选            keywords 关键词模糊匹配
  sub       是否包含子栏目内容：1 是 / 0 否
  exclude   排除的内容ID，多个用逗号分隔
  aid/aids  指定文档ID：aid="5" 单个，aids="1,2,3" 多个（ids 为兼容别名）
  more      是否获取附表（扩展字段）：1 获取（默认）/ 0 不获取
  id        循环变量名，默认 item        key 循环键变量名，默认 k
--------------------------------------------------------------------------------
循环变量 $item 常用字段（同下面第三条注释的完整清单）：
  id  title  subtitle  url  thumb  summary  description  content
  datetime  publish_time  views  catid  catname  cat_url  cat_image
  author  source  keywords  is_top  is_recommend  is_hot
  tags      标签数组（再套 cms:tags 标签）
  fields    扩展字段数组（自动带出，直接 volist 遍历，无需 cms:fields 标签）
            扩展字段值也已合并到顶层，如 花括号+$item.price
--------------------------------------------------------------------------------
-->
<section class="block">
    <div class="block-head">
        <h2>{:__('RecommendContent')}</h2>
        <a class="more" href="{cms:url type='category' id='2'}">{:__('More')} »</a>
    </div>
    <div class="card-grid">
        {cms:contentlist flag="recommend" limit="6"}
        <article class="card">
            <a class="card-thumb" href="{$item.url}">
                {if condition="!empty($item['thumb'])"}
                <img src="{$item.thumb}" alt="{$item.title}">
                {else /}
                <span class="thumb-placeholder">{:__('ThumbPlaceholder')}</span>
                {/if}
            </a>
            <div class="card-body">
                <h3 class="card-title"><a href="{$item.url}">{$item.title}</a></h3>
                <p class="card-desc">{$item.summary}</p>

                <!--
                --------------------------------------------------------------------------
                扩展字段：直接嵌在 cms:contentlist 循环里用 cms:fields 标签输出，
                不再单独写 volist 循环；空值字段由服务端自动跳过。
                每项：label 名称 / text 展示文本 / name 标识 / value 原始值 /
                      type 类型 / tip 提示 / media 图片附件列表 / is_media 是否媒体类
                --------------------------------------------------------------------------
                -->
                <div class="card-fields">
                    {cms:fields content="$item" id="f" limit="3"}
                    {if condition="!$f['is_media']"}
                    <span class="card-field">{$f.label}：{$f.text}</span>
                    {/if}
                    {/cms:fields}
                </div>

                <div class="card-meta">
                    <span class="tag">{if condition="!empty($item['catname'])"}{$item.catname}{else /}{:__('Uncategorized')}{/if}</span>
                    <span><i class="fa-regular fa-clock"></i>{$item.datetime}</span>
                    <span><i class="fa-regular fa-eye"></i>{:__('Views')} {$item.views}</span>
                </div>
                <div class="card-tags">
                    <!-- 内容标签标签 cms:tags：参数 contentid 内容ID（默认当前详情页）、limit 条数、id 循环变量名 -->
                    {cms:tags contentid="$item['id']" limit="4" id="t"}
                    <a class="chip" href="{$t.url}">{$t.name}</a>
                    {/cms:tags}
                </div>
            </div>
        </article>
        {/cms:contentlist}
    </div>
</section>
{/if}

<section class="block two-col">
    <div class="col-main">
        <div class="block-head">
            <h2>{:__('LatestContent')}</h2>
            <!--
            --------------------------------------------------------------------------
            多级筛选（分组循环版）  cms:filters
            --------------------------------------------------------------------------
            与 cms:filter 输出同一份数据的「分组数组」，区别是由模板自行渲染，
            这里只取排序分组（order="new,hot"）做成标题右侧的切换标签。
            循环变量 $g：type 分组类型 / field 参数名 / label 分组标题 /
                        current 当前值 / items 选项数组
            选项 $it：label 文字 / value 值 / url 链接（自动保留其它筛选条件）/ active 是否选中
            --------------------------------------------------------------------------
            -->
            {cms:filters id="g" order="new,hot"}
            <div class="head-tabs">
                {cms:each list="$g.items" id="it"}
                <a class="head-tab{if condition="$it['active']"} active{/if}" href="{$it.url}">{$it.label}</a>
                {/cms:each}
            </div>
            {/cms:filters}
            <a class="more" href="{cms:url type='category' id='2'}">{:__('More')} »</a>
        </div>
        <ul class="news-list">
            <!--
            按发布时间倒序取 10 条；order 支持任何数据表字段。
            filter="1" 表示响应 URL 上的多级筛选参数（?sort=new|hot|update|recommend）
            --------------------------------------------------------------------------
            -->
            {cms:contentlist limit="10" order="id desc" filter="1"}
            <li>
                <a class="news-title" href="{$item.url}">{$item.title}</a>
                <span class="news-date">{$item.datetime}</span>
            </li>
            {/cms:contentlist}
        </ul>
    </div>
    {if condition="$Tpl['show_sidebar'] != '0'"}
    <aside class="col-side">
        <div class="side-box">
            <h3>{:__('HotContent')}</h3>
            <ul class="rank-list">
                <!-- order="hot" = 访问量最多（预设别名，等价 views desc） -->
                {cms:contentlist limit="8" order="hot"}
                <li><a href="{$item.url}">{$item.title}</a><span class="rank-views"><i class="fa-regular fa-eye"></i>{$item.views}</span></li>
                {/cms:contentlist}
            </ul>
        </div>
        <div class="side-box">
            <h3>{:__('HotTags')}</h3>
            <div class="tag-cloud">
                <!--
                标签列表标签 cms:taglist
                参数：limit 条数（默认20） order 排序（默认 content_count desc） hot="1" 只取有内容的标签 id 循环变量名
                循环变量字段：id name alias url intro content_count
                -->
                {cms:taglist limit="20" hot="1" id="t"}
                <a class="chip" href="{$t.url}">{$t.name}<em>{$t.content_count}</em></a>
                {/cms:taglist}
            </div>
        </div>
    </aside>
    {/if}
</section>
{/block}