{include file="header" /}
<link rel="stylesheet" href="/assets/xtu/aftersales.css?v=20260412-1343">

<main class="aftersales-page support-page">
  <section class="aftersales-hero">
    <div class="support-container aftersales-hero-inner">
      <div class="aftersales-breadcrumbs">
       <a href="{:getCategory($category['parentid'],'url')}">{:getCategory($category['parentid'],'catname')}</a><span>›</span><a href="javascript:;">{$category.catname}</a>
      </div>
      <div class="aftersales-hero-figure" aria-hidden="true">
        <div class="aftersales-hero-device">
          <span class="aftersales-hero-device-screen"></span>
          <span class="aftersales-hero-device-shadow"></span>
        </div>
      </div>
    </div>
  </section>

  <section class="aftersales-main support-container">
    <div class="aftersales-layout">
      <aside class="aftersales-sidebar">
        <div class="aftersales-sidebar-card">
          <ul class="aftersales-nav-list">
            {yzn module="cms" action="lists" catid="$catid" order="$order['data']??''" num="100" return="data" moreinfo="1"}
            {volist name="data" id="vo" key="j"}
            <li>
              <a class="aftersales-nav-link {if $id==$vo['id']}is-active{/if}" href="{$vo.url}">
                <span>{$vo.title}</span>
                <i class="bi bi-chevron-right"></i>
              </a>
            </li>

             {/volist}
             {/yzn}
          </ul>
        </div>
      </aside>

      <div class="aftersales-content-wrap">
        <article class="aftersales-article-card">
          <h1 class="aftersales-article-title">{$title}</h1>
          <div class="aftersales-article-body">
         {$content|raw}
          </div>
        </article>
      </div>
    </div>
  </section>

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

<script src="/assets/xtu/aftersales.js?v=20260411-1248"></script>
{include file="footer" /}