{include file="common/header" title="海沫云帮助中心_您可在本页面内找到我们经常遇到的问题" }
{tagdata name="helpCate,helpList[num:1000|order:desc]" /}
<div class="main main-with-padding">
	{include file="common/banner" title="帮助中心" describt="您可在本页面内找到云服务器经常遇到的问题！"}
	<div class="container knowledge-base-section my-5 px-0">
		<div class="row mx-0">
			{if(empty($helpCate))}
		    <div class="col-12 text-center">
		    	<h3>暂无帮助内容</h3>
		    </div>
		    {else /}
		  	<div class="col-12 col-md-3 mb-2">
		  		<div class="card">
		  			<div class="card-header">帮助分类</div>
		  			<div class="card-body">
		  				<div class="nav flex-column nav-pills" id="v-pills-tab">
		  				 <!--顺序代码，删除就正着来-->
                            {php}
                            $helpCate = array_reverse($helpCate);
                            {/php}
		  				<!--顺序代码，删除就正着来-->
							{foreach helpCate as $key=>$val}
							<a class="nav-link {$key=='0' ? 'active' : ''}" id="v-pills-home-tab" data-toggle="pill" href="#faq-{$val.id}">{$val.title}</a>
							{/foreach}
					    </div>
		  			</div>
		  		</div>
		  	</div>
			<div class="col-12 col-md-9 mb-2">
				<div class="card">
		  			<div class="card-header" id="help-content">帮助内容</div>
		  			<div class="card-body">
		  				<div class="tab-content" id="v-pills-tabContent">
							{foreach helpCate as $key=>$val}
							<div class="tab-pane fade {$key=='0' ? 'show active' : ''}" id="faq-{$val.id}">
								<div class="list-group list-group-flush">
								{foreach helpList.list as $k=>$v}
									{if($v.parent_id == $val.id)}
									<a href="/help_content/{$v.id}.html" class="list-group-item" target="_blank">
										{$v.title}
									</a>
									{/if}
								{/foreach}
								</div>
							</div>
							{/foreach}
						</div>
		  			</div>
		  		</div>
			</div>
			{/if}
		</div>
	</div>
</div>

<section class="call-to-action ptb-100 gradient-overlay"
         style="background: url('{$setting.web_view}/assets/img/hero-bg-4.jpg')no-repeat center center / cover">
    <div class="container">
        <div class="row justify-content-between align-items-center">
            <div class="col-md-12 col-lg-8">
                <div class="call-to-action-content text-white">
                    <h2 class="text-white">没有您感兴趣的问题？</h2>
                    <p>若没有找到或没能解决您所遇到的问题您可以提交工单等待客服回复。</p>
                </div>
            </div>
            <div class="col-md-12 col-lg-4">
                <div class="action-btns mt-md-4 text-md-right text-lg-right text-sm-left">
                    <a href="/submitticket" class="btn outline-white-btn">提交工单</a>
                </div>
            </div>
        </div>
    </div>
</section>
{include file="common/footer"}