{include file="header" /}
<link rel="stylesheet" href="/assets/xtu/support.css?v=20260422-0910">

<main class="support-page">
  <section class="support-search-hero" style="--support-hero-bg:url('{$category.image|default='/uploads/20260410/c58114e6547fd339fef54edd2151c0b7.jpg'}')">
    <div class="support-container support-search-hero-inner">
      <h1>{if getCategory($catid,'catname')}{:getCategory($catid,'catname')}{else /}{:cms_t('support_default_title','服务与支持')}{/if}</h1>
      <p>{:getCategory($catid,'description')}</p>
      <form class="support-search-bar" action="{:cms_lang_url(addon_url('cms/search/index'))}" method="get">
        <input type="hidden" name="tab" value="help">
        <div class="support-search-field">
          <i class="bi bi-search"></i>
          <input type="text" name="q" placeholder="{:cms_t('support_search_placeholder','输入关键词搜索')}" autocomplete="off">
        </div>
        <button class="support-search-submit" type="submit">{:cms_t('support_search','搜索')}</button>
      </form>
    </div>
  </section>

  <section class="support-main support-container">
    <section class="support-product-section">
      <div class="support-product-heading">
        <h2>{:cms_t('support_select_product','产品支持')}</h2>
      </div>
        <?php
            $cwhere = 'modelid=2';
        ?>
      <div class="support-product-tabs" role="tablist" aria-label="{:cms_t('support_product_categories','产品分类')}">
        {yzn module="cms" action="category" where="modelid=2 and status=1"  order="listorder DESC,id ASC" num="24" return="supportProductCategories"}
        {volist name="supportProductCategories" id="productCat" key="k"}
        <button class="support-product-tab {if $k==1}is-active{/if}" type="button" role="tab" aria-selected="{if $k==1}true{else /}false{/if}" data-target="support-product-panel-{$productCat.id}">{$productCat.catname}</button>
        {/volist}
        {/yzn}
      </div>

      <div class="support-product-panels">
        {yzn module="cms" action="category" modelid="2"  order="listorder DESC,id ASC" num="4" return="supportPanelCategories"}
        {volist name="supportPanelCategories" id="productCat" key="k"}
        <div class="support-product-panel {if $k==1}is-active{/if}" id="support-product-panel-{$productCat.id}" role="tabpanel" {if $k!=1}hidden{/if}>
          <div class="support-product-showcase-grid{if $k!=1}-classic{/if}">
            {yzn module="cms" action="lists" modelid="2" catid="$productCat['id']" num="100" order="listorder desc,id desc" moreinfo="1" return="supportProducts"}
            {volist name="supportProducts" id="vo"}
            <a class="support-product-showcase-item" href="{:getCategory(26,'url')}?project={$vo.id}">
              <span class="support-product-showcase-media">
                <img src="{$vo.thumb}" alt="{$vo.title}">
              </span>
              <h3>{$vo.title}</h3>
            </a>
            {/volist}
            {/yzn}
          </div>
        </div>
        {/volist}
        {/yzn}
      </div>
    </section>

    {include file="support-contact-block" /}
  </section>

  {include file="footer-links" /}
</main>

<script src="/assets/xtu/support.js?v=20260410-2041"></script>
{include file="footer" /}