{include file="header" /}
<link rel="stylesheet" href="/assets/xtu/search-page.css?v=20260415-1809">

<main class="xtu-search-page page-main-offset">
  <section class="xtu-search-shell xtu-search-result-shell">
    <div class="content-1200-wrap xtu-search-shell-inner">
      <form class="xtu-search-simple-form" method="get" action="{:cms_lang_url(addon_url('cms/search/index'))}">
        <div class="xtu-search-simple-box">
          <span class="xtu-search-simple-icon"><i class="bi bi-search"></i></span>
          <input type="search" name="q" class="xtu-search-simple-input" value="{$q}" placeholder="{:cms_t('search_placeholder_all','请输入关键词搜索产品、新闻或帮助')}" maxlength="25" autocomplete="off" required>
          <input type="hidden" name="modelid" value="{$modelid}">
          <input type="hidden" name="scope" value="{$scope|default='site'}">
          <input type="hidden" name="tab" value="{$defaultTab|default='product'}">
        </div>
      </form>

      {php}
        $searchScope = !empty($scope) ? $scope : 'site';
        $productTabUrlParams = ['q' => $q, 'modelid' => $modelid, 'scope' => $searchScope, 'tab' => 'product', 'page' => 1];
        $newsTabUrlParams = ['q' => $q, 'modelid' => $modelid, 'scope' => $searchScope, 'tab' => 'news', 'page' => 1];
        $helpTabUrlParams = ['q' => $q, 'modelid' => $modelid, 'scope' => $searchScope, 'tab' => 'help', 'page' => 1];
        if (!empty($time)) {
            $productTabUrlParams['time'] = $time;
            $newsTabUrlParams['time'] = $time;
            $helpTabUrlParams['time'] = $time;
        }
      {/php}
      <div class="xtu-search-simple-tabs xtu-search-simple-tabs-switch" role="tablist">
        <a class="xtu-search-simple-tab {if $defaultTab=='product'}is-active{/if}" href="{:cms_lang_url(addon_url('cms/search/index', $productTabUrlParams))}">{:cms_t('search_tab_product','产品')} <em>{$groupCounts.product|default=0}</em></a>
        <a class="xtu-search-simple-tab {if $defaultTab=='news'}is-active{/if}" href="{:cms_lang_url(addon_url('cms/search/index', $newsTabUrlParams))}">{:cms_t('search_tab_news','新闻')} <em>{$groupCounts.news|default=0}</em></a>
        <a class="xtu-search-simple-tab {if $defaultTab=='help'}is-active{/if}" href="{:cms_lang_url(addon_url('cms/search/index', $helpTabUrlParams))}">{:cms_t('search_tab_help','帮助')} <em>{$groupCounts.help|default=0}</em></a>
      </div>

      <div class="xtu-search-tab-panels">
        {if $defaultTab=='product'}
        <div class="xtu-search-tab-panel is-active" data-panel="product">
          <div class="xtu-search-simple-list">
            {if !empty($list)}
            {volist name="list" id="vo"}
            <article class="xtu-search-simple-item">
              <a class="xtu-search-simple-media" href="{$vo.url}" title="{$vo.title}">
                {if !empty($vo.thumb)}<img src="{$vo.thumb}" alt="{$vo.title}">{else /}<div class="xtu-search-simple-placeholder">XTU</div>{/if}
              </a>
              <div class="xtu-search-simple-body">
                <div class="xtu-search-simple-meta"><span>{:getCategory($vo['catid'],'catname')}</span></div>
                <h2 class="xtu-search-simple-title"><a href="{$vo.url}">{$vo.title|cms_highlightKeyword=###,$q|raw}</a></h2>
                <div class="xtu-search-simple-desc">{if !empty($vo.description)}{$vo.description|cms_highlightKeyword=###,$q|raw}{elseif !empty($vo.content)}{$vo.content|strip_tags|mb_substr=0,180,'utf-8'}...{/if}</div>
              </div>
            </article>
            {/volist}
            {else /}
            <div class='xtu-search-empty'><h3>{:cms_t('search_empty_product_title','没有找到相关产品内容')}</h3><p>{:cms_t('search_empty_retry','可以尝试更换关键词重新搜索。')}</p></div>
            {/if}
          </div>
        </div>
        {elseif $defaultTab=='news' /}
        <div class="xtu-search-tab-panel is-active" data-panel="news">
          <div class="xtu-search-simple-list">
            {if !empty($list)}
            {volist name="list" id="vo"}
            <article class="xtu-search-simple-item">
              <a class="xtu-search-simple-media" href="{$vo.url}" title="{$vo.title}">
                {if !empty($vo.thumb)}<img src="{$vo.thumb}" alt="{$vo.title}">{else /}<div class="xtu-search-simple-placeholder">XTU</div>{/if}
              </a>
              <div class="xtu-search-simple-body">
                <div class="xtu-search-simple-meta"><span>{:getCategory($vo['catid'],'catname')}</span><span class="dot"></span><span>{$vo.publish_time|date='Y-m-d'}</span></div>
                <h2 class="xtu-search-simple-title"><a href="{$vo.url}">{$vo.title|cms_highlightKeyword=###,$q|raw}</a></h2>
                <div class="xtu-search-simple-desc">{if !empty($vo.description)}{$vo.description|cms_highlightKeyword=###,$q|raw}{elseif !empty($vo.content)}{$vo.content|strip_tags|mb_substr=0,180,'utf-8'}...{/if}</div>
              </div>
            </article>
            {/volist}
            {else /}
            <div class='xtu-search-empty'><h3>{:cms_t('search_empty_news_title','没有找到相关新闻内容')}</h3><p>{:cms_t('search_empty_retry','可以尝试更换关键词重新搜索。')}</p></div>
            {/if}
          </div>
        </div>
        {else /}
        <div class="xtu-search-tab-panel is-active" data-panel="help">
          <div class="xtu-search-help-list">
            {if !empty($list)}
            {volist name="list" id="vo"}
            <article class="xtu-search-help-item">
              <div class="xtu-search-help-meta">
                <span>{:getCategory($vo['catid'],'catname')}</span>
              </div>
              <h2 class="xtu-search-help-title">
                <a href="{$vo.url}">{$vo.title|cms_highlightKeyword=###,$q|raw}</a>
              </h2>
              <div class="xtu-search-help-desc">
                {if !empty($vo.description)}{$vo.description|cms_highlightKeyword=###,$q|raw}{elseif !empty($vo.content)}{$vo.content|strip_tags|mb_substr=0,180,'utf-8'}...{/if}
              </div>
            </article>
            {/volist}
            {else /}
            <div class='xtu-search-empty'><h3>{:cms_t('search_empty_help_title','没有找到相关帮助内容')}</h3><p>{:cms_t('search_empty_retry','可以尝试更换关键词重新搜索。')}</p></div>
            {/if}
          </div>
        </div>
        {/if}
      </div>

      {if !empty($pages)}
      <div class="xtu-search-pagination">{$pages|raw}</div>
      {/if}
    </div>
  </section>
</main>

{include file="footer" /}