{extend name="common/base" /}

{block name="content"}
<!--
================================================================================
栏目列表页模板（列表型栏目）
================================================================================
当前栏目数据由控制器直接注入模板变量 $cate（数组），模板里直接取用，
不需要再调用 cms:cat 标签（下面用「花括号 + $cate」的形式书写）：
  $cate.name        栏目名称        $cate.title      同上（name 的别名）
  $cate.url         栏目链接        $cate.description 栏目描述
  $cate.id          栏目ID          $cate.image      栏目封面
列表部分：
  cms:pagelist    分页内容列表（每条自动带扩展字段）   cms:pagination  翻页条
  cms:filter      多级筛选条
面包屑统一用 cms:catpos 标签（末级栏目即当前页，自动带 active 类），全站同一套写法。
================================================================================
-->
<nav class="crumb">
    <a href="{cms:url type='home'}">{:__('Home')}</a>
    <span class="sep">/</span>
    {cms:catpos catid="$cate['id']" separator="/" /}
</nav>

<section class="block">
    <div class="block-head">
        <!-- 栏目名称直接取 $cate 数组，无需标签 -->
        <h2>{if condition="!empty($cate)"}{$cate.name}{else /}{:__('NoData')}{/if}</h2>
        {if condition="!empty($cate['description'])"}
        <p class="block-desc">{$cate.description}</p>
        {/if}
    </div>

    <!--
    --------------------------------------------------------------------------------
    多级筛选标签  cms:filter
    --------------------------------------------------------------------------------
    依据当前栏目绑定的模型，把后台「模型字段」中勾选「前台筛选」的字段自动生成为
    筛选条；同时输出排序预设（最新发布 / 最近更新 / 访问最多 / 推荐优先）。
    参数（都可省略）：
      order   排序预设，逗号分隔（new 最新发布 / update 最近更新 /
              hot 访问最多 / recommend 推荐优先），留空=全部
      fields  只输出指定字段（逗号分隔），留空=全部可筛选字段
      model   指定模型（ID 或表名），留空=当前栏目绑定的模型
      label   排序分组的标题，默认「排序」    default_label 默认项文字，默认「默认」
      all_label 字段分组「全部」的文字，默认「全部」    class 外层附加类名
    选项链接自动保留其它筛选条件并重置分页；当前选中项带 active 类。
    需要自行渲染时改用闭合标签 cms:filters（分组循环，详见 README 标签表）。
    --------------------------------------------------------------------------------
    -->
    {cms:filter class="list-filter" /}

    <!--
    --------------------------------------------------------------------------------
    分页内容列表标签  cms:pagelist
    --------------------------------------------------------------------------------
    参数（与 cms:contentlist 完全一致，额外自动挂载分页数据）：
      catid     栏目ID，留空=当前栏目（首页等无 catid 的页面则为全站）
      sub       是否包含子栏目内容：1 是 / 0 否
      limit     每页条数，默认 10
      order     排序，支持多字段与预设别名：
                  new / latest      最新发布（publish_time desc）
                  update            最近更新（update_time desc）
                  hot / views       访问量最多（views desc）
                  sort              排序号（sort desc）
                  recommend / top   推荐优先 / 置顶优先
                  也可直接写字段：order="publish_time desc,id desc"
      where     自定义条件，多条件用 ; 分隔，字段必须是内容主表真实列：
                  where="views > 100; is_recommend = 1"
                  where="author like '%文%'"    where="id in (1,2,3)"
      filter    多级筛选开关：filter="1" 时应用 URL 上的 ?sort=hot&字段=值
      flag      内容属性筛选：top 置顶 / recommend 推荐 / hot 热门
      tag/tagid 按标签筛选      keywords 关键词      exclude 排除内容ID
      aid/aids  指定文档ID：aid="5" 单个 / aids="1,2,3" 多个
      more      是否获取附表：1（默认）/ 0 关闭（关闭后没有扩展字段）
      id        循环变量名，默认 item      key 循环键变量名，默认 k
    --------------------------------------------------------------------------------
    循环变量 $item 常用字段：
      id title url thumb summary datetime publish_time views
      catid catname cat_url author source keywords is_top is_recommend is_hot
      tags    标签数组（再套 cms:tags 标签）
      fields  扩展字段数组（自动带出，无需 cms:fields 标签）
      扩展字段值也已合并到顶层：产品内容可直接写 花括号+$item.price
    --------------------------------------------------------------------------------
    -->
    {cms:pagelist sub="1" limit="10" order="id desc" filter="1"}
    <article class="list-item">
        <a class="list-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="list-body">
            <h3><a href="{$item.url}">{$item.title}</a></h3>
            <p>{$item.summary}</p>

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

            <div class="list-meta">
                <span><i class="fa-regular fa-clock"></i>{$item.datetime}</span>
                <span><i class="fa-regular fa-eye"></i>{:__('Views')} {$item.views}</span>
                {cms:tags contentid="$item['id']" limit="3" id="t"}
                <a class="chip" href="{$t.url}">{$t.name}</a>
                {/cms:tags}
            </div>
        </div>
    </article>
    {/cms:pagelist}

    <!--
    --------------------------------------------------------------------------------
    分页标签  cms:pagination
    --------------------------------------------------------------------------------
    读取上方 cms:pagelist 生成的分页数据，按参数渲染翻页条。
    参数（都可省略）：
      item  显示哪些部分，逗号分隔，可选：home 首页 / pre 上一页 / pageno 页码 /
            next 下一页 / last 末页 / info 统计 / jump 跳转；默认 pre,pageno,next,info
      num   数字页码显示个数，默认 5
      home/pre/next/last/jump  各部分文字（jump 是跳转按钮文字）
      info  统计文字模板，默认「共 {total} 条 / {pages} 页」，传 0 隐藏
      class 外层容器附加 class
    --------------------------------------------------------------------------------
    -->
    <div class="pager-wrap">{cms:pagination item="home,pre,pageno,next,last,info,jump" num="5" /}</div>
</section>
{/block}