<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>{$Title} | {$Setting.company_name}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="{$Setting.web_seo_desc}" name="description" />
<meta content="{$Setting.web_seo_keywords}" name="keywords" />
<meta content="{$Setting.company_name}" name="author" />
<link rel="shortcut icon" href="/themes/clientarea/QRuser/favicon.ico" type="image/x-icon" />
{include file="includes/head"}
<script>
var setting_web_url = ''
var language={:json_encode($_LANG)};
</script>
{php}$hooks=hook('client_area_head_output');{/php}
{if $hooks}
{foreach $hooks as $item}
{$item}
{/foreach}
{/if}
<!-- PreLoader -->
<div id="preloader">
<div id="status">
<div class="spinner-chase">
<div class="chase-dot"></div>
<div class="chase-dot"></div>
<div class="chase-dot"></div>
<div class="chase-dot"></div>
<div class="chase-dot"></div>
<div class="chase-dot"></div>
</div>
</div>
</div>
</head>
<body data-sidebar="light" data-topbar="light">
<header id="page-topbar">
<div class="navbar-header">
<div class="d-flex">
<!-- LOGO -->
<div class="navbar-brand-box" style="height: 70px;">
<a href="{$Setting.web_jump_url}" class="logo logo-dark">
<span class="logo-lg">
<img src="{$Setting.web_logo}" alt="" height="17">
</span>
</a>

<a href="{$Setting.web_jump_url}" class="logo logo-light">
<span class="logo-lg">
<img src="{$Setting.web_logo}" alt="">
</span>
</a>
</div>

<button type="button" class="btn btn-sm px-3 font-size-16 header-item" id="vertical-menu-btn">
<i class="fas fa-indent"></i>
</button>
<a href="clientarea" data-toggle="tooltip" data-original-title="{$Lang.name_all}"><button type="button" class="btn btn-sm ml-3 px-3 font-size-16 header-item">
<i class="far fa-desktop"></i> {$Lang.name_all}</button></a>

</div>

<div class="d-flex">
<div class="dropdown d-none d-lg-inline-block ml-1">
<button type="button" class="btn header-item noti-icon" id="page-header-search-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="bx bxs-grid-alt"></i>
</button>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right p-0" aria-labelledby="page-header-search-dropdown">
<div class="form-group m-0">
<form action="/helpsearch.html">
<div class="header-search-droplist">
<ul>
<li class="to-page">
<div class="search-block" data-href="/product/ecs.html" target="_blank">
<p class="text">
<span>{$Lang.cvps}</span>{$Lang.hotcp}</p>
<div class="search-tag">
<a class="tag-console" target="_blank" href="../clientarea">{$Lang.control}</a>
<a href="/service?groupid=305" class="tag-product" target="_blank">{$Lang.cpcenter}</a></div>
</div>
</li>
{foreach $keyword as $key =>$tag}
<li><a href="/helpsearch.html?search={$tag}" target="_blank">
<span>{$tag}</span></a>
</li>
{/foreach}
</ul>
</div>
</form>
</div>
</div>
</div>



<div class="dropdown d-none d-lg-inline-block ml-1">
<a href="knowledgebase" data-toggle="tooltip" data-original-title="{$Lang.name_help}">
<button type="button" class="btn header-item noti-icon">
<i class="bx bx-help-circle"></i>
</button>
{$Lang.name_help}</a>
</div> 
<div class="dropdown d-none d-lg-inline-block ml-1">
<a href="supporttickets" data-toggle="tooltip" data-original-title="{$Lang.name_submitts}">
<button type="button" class="btn header-item noti-icon">
<i class="bx bx-detail"></i>
</button>
{$Lang.name_submitts}</a>
</div>
<div class="dropdown d-none d-lg-inline-block ml-1">
<a href="message" data-toggle="tooltip" data-original-title="{$Lang.name_meesages}">
<button type="button" class="btn header-item noti-icon">
<i class="bx bx-bell {if $Setting.unread_num}bx-tada{/if}" style="margin-top: 6px;"></i>
{if $Setting.unread_num != '0'}
<span class="badge badge-danger badge-pill">{$Setting.unread_num}</span>
{/if}
</button>
{$Lang.name_meesages}</a>
</div>
<div class="dropdown d-none d-lg-inline-block ml-1">
<a href="transaction" data-toggle="tooltip" data-original-title="{$Lang.name_bill}">
<button type="button" class="btn header-item noti-icon">
<i class="bx bx-dollar-circle"></i>
</button>
{$Lang.name_bill}</a>
</div>
<div class="dropdown d-none d-lg-inline-block ml-1">
<a href="cart?action=viewcart" data-toggle="tooltip" data-original-title="{$Lang.name_cart}">
<button type="button" class="btn header-item noti-icon">
<i class="bx bx-cart-alt" style="margin-top: 6px;"></i>
</button>
{$Lang.name_cart}</a>
</div>
{if $Setting.allow_user_language}
<div class="dropdown d-inline-block">
<button type="button" class="btn header-item" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<a>
<img id="header-lang-img" src="/upload/common/country/{$LanguageCheck.display_flag}.png" alt="Header Language" height="16">
{$LanguageCheck.display_name}</a>
</button>
<div class="dropdown-menu dropdown-menu-right">
{php}
$parse = parse_url(request()->url());
$path=$parse['path'];
$query=$parse['query'];
$query = preg_replace('/&language=[a-zA-Z0-9_-]+/','',$query);
{/php}
{if $path=="/addons"}
{foreach $Language as $key=>$list}
<a href="?{if $query}{$query}&{/if}language={$key}" class="dropdown-item notify-item language" data-lang="zh-cn">
<img src="/upload/common/country/{$list.display_flag}.png" alt="user-image"
 class="mr-1" height="12"> <span class="align-middle">{$list.display_name}</span>
</a>
{/foreach}
{else/}
{foreach $Language as $key=>$list}
<a href="?{if $query}{$query}&{/if}language={$key}" class="dropdown-item notify-item language" data-lang="zh-cn">
<img src="/upload/common/country/{$list.display_flag}.png" alt="user-image"
 class="mr-1" height="12"> <span class="align-middle">{$list.display_name}</span>
</a>
{/foreach}
{/if}

</div>
</div>
{/if}
{if $Userinfo}
<div class="dropdown d-inline-block">
<button type="button" class="btn header-item d-inline-flex align-items-center" id="page-header-user-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img class="rounded-circle header-profile-user" src="/themes/clientarea/QRuser/assets/images/avatar.svg">
<span class="d-none d-xl-inline-block ml-1" key="t-henry">{$Userinfo.user.username}</span>
<i class="mdi mdi-chevron-down d-none d-xl-inline-block"></i>
</button>
<div class="dropdown-menu dropdown-menu-right">
<!-- item-->
<a class="dropdown-item" href="details">
<i class="bx bxs-user-detail font-size-16 align-middle mr-1"></i>
<span key="t-profile">{$Lang.personal_information}</span>
</a>
<a class="dropdown-item" href="security">
<i class="bx bx-cog font-size-16 align-middle mr-1"></i>
<span key="t-profile">{$Lang.security_center}</span>
</a>
<a class="dropdown-item" href="message">
<i class="bx bxl-messenger font-size-16 align-middle mr-1"></i>
<span key="t-profile">{$Lang.message_center}</span>
</a>
{if $Setting.certifi_open==1}
<a class="dropdown-item" href="verified"> 
<i class="bx bxs-id-card font-size-16 align-middle mr-1"></i>
<span key="t-profile">{$Lang.real_name_authentications}</span>
</a>
{/if}
<a class="dropdown-item text-danger" href="logout"><i
class="bx bx-power-off font-size-16 align-middle mr-1 text-danger"></i> <span
key="t-logout">{$Lang.log_out}</span></a>
</div>
</div>
{else}
<div class="pointer d-flex align-items-center">
<a href="/login" class="text-dark">{$Lang.please_login}</a>
</div>
{/if}

</div>
</div>
</header>

{include file="includes/menu"}

<div class="main-content">
<div class="page-content">
{if $TplName != 'clientarea' && $TplName != 'login' && $TplName != 'register' && $TplName != 'pwreset' && $TplName != 'bind' && $TplName != 'loginaccesstoken' }
{include file="includes/pageheader"}
{/if}
<div class="container-fluid">