{extend name="common/base" /}

{block name="content"}
<!--
================================================================================
站内搜索页模板
================================================================================
  命中数量        控制器已注入 $result.total 数组，直接取值，不用 cms:searchcount
  cms:search      搜索结果列表（含分页）
  cms:highlight   关键词高亮
  cms:pagination  翻页条
================================================================================
-->
<nav class="crumb">
    <a href="{cms:url type='home'}">{:__('Home')}</a>
    <span class="sep">/</span>
    <span>{:__('SearchResult')}</span>
</nav>

<section class="block">
    <div class="block-head">
        <h2>{if condition="$wd !== ''"}{:__('SearchKeyword', ['wd' => $wd])}{else /}{:__('SiteSearch')}{/if}</h2>
        <span class="search-total">{:__('SearchTotal', ['count' => $result.total])}</span>
    </div>

    <form class="search-form-inline" action="{cms:url type='search'}" method="get">
        <input type="text" name="wd" value="{$wd}" placeholder="{:__('SearchInputTip')}">
        <button type="submit" class="btn btn-primary">{:__('Search')}</button>
    </form>

    <!--
    --------------------------------------------------------------------------------
    搜索结果标签  cms:search
    --------------------------------------------------------------------------------
    参数：
      word   关键词，默认取 URL 上的 ?wd=
      limit  每页条数，默认 10
      page   传任意非空值即启用分页（配合 cms:pagination 输出翻页条）
      id     循环变量名，默认 item      key 循环键变量名，默认 k
      total  把命中总数写入变量名（与 cms:searchcount 同值，二者留一个即可）
      count  把「本页条数」写入变量名
    循环变量 $item 字段与 cms:contentlist 一致，另含搜索命中字段：
      hit_title / hit_desc / hit_tags —— 索引里的纯文本，用于关键词高亮
    --------------------------------------------------------------------------------
    -->
    {if condition="$result['total'] > 0"}
    <ul class="search-list">
        {cms:search word="$wd" limit="20" page="1"}
        <li class="search-item">
            <h3>
                <!--
                关键词高亮标签  cms:highlight
                参数：value 待处理文本（标题、摘要等纯文本）
                      word  关键词，多个可用 空格/逗号/顿号 分隔
                      class 高亮标签 class，默认 cms-hl（样式在主题 CSS 里定义）
                说明：先转义再高亮，标题里带尖括号也不会造成 XSS；长词优先匹配
                -->
                <a href="{$item.url}">{cms:highlight value="$item['hit_title']" word="$wd"}</a>
            </h3>
            <p class="search-desc">{cms:highlight value="$item['hit_desc']" word="$wd"}</p>
            <div class="search-meta">
                <span class="search-url">{cms:highlight value="$item['url']" word="$wd"}</span>
                <span>{$item.update_time|date='Y-m-d'}</span>
                {if condition="!empty($item['hit_tags'])"}
                <span class="search-tags">{:__('TagLabel')}：{cms:highlight value="$item['hit_tags']" word="$wd"}</span>
                {/if}
            </div>
        </li>
        {/cms:search}
    </ul>

    <div class="pager-wrap">{cms:pagination /}</div>
    {else /}
    <div class="empty-box">
        {if condition="$wd !== ''"}
        <p>{:__('SearchEmpty', ['wd' => $wd])}</p>
        {else /}
        <p>{:__('SearchTips')}</p>
        {/if}
    </div>
    {/if}
</section>
{/block}