{present name="announcement_comp" value="顶部广告"}
{if $announcement_comp.hidden}
{include file="common/header/advertisement"}
{/if}
{/present}
<section class="nav-layoutcontainer">
    <div class="horizontal-menu-navbar {$setnav.custom.translucent==='MenuColor'?=$setnav.custom.headColor_text}">
        <div class="horizontal-menu-navbar-logo">
            <a href="/">
                <img src="{$www.logo}" alt="{$www.site_name}" srcset=""
                     class="horizontal-logosize">
            </a>
        </div>
        <div class="headerBg notransparent {$setnav.custom.translucent}"></div>
        <div class="horizontal-menu-navbar-container">
            <div class="horizontal-container-navbar">
                <div class="menu-container-left">
                    <div class="horizontal-menu-navbar-scroll-btn horizontal-menu-scroll-left">
                        <i
                                class="universal icon-arrow-11"></i>
                    </div>
                </div>
                <div class="horizontal-menu-navbar-menu-container">
                    <ul class="horizontal-menu-navbar-menu ">
                        {foreach $nav as $key=>$vo }
                        <li>
                            <a {if $vo.type==='url' }
                               href="{$vo.url}"
                               {elseif $setnav.custom.arrow}
                               class="nav-arrow"
                               {/if}
                            {if $setnav.custom.target} target="_blank" {/if}
                            data-key="{$key}"
                            data-childtype="{$vo.type}">
                            {$vo.name}
                            {if $vo.tag}
                            <span class="navbar-menu-tag">
                                <i style="background-color:{$vo.tagcolor}">{$vo.tag}</i></span>
                            {/if}
                            </a>
                        </li>
                        {/foreach}

                    </ul>
                    <span class="underline"></span>
                </div>
                <div class="menu-container-right">
                    <div class="horizontal-menu-navbar-scroll-btn horizontal-menu-scroll-right">
                        <i
                                class="universal icon-arrow-11"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="horizontal-menu-navbar-search">
            <div class="horizontal-menu-right-container">
                {if !$setnav.custom.mode}
                <div class="input-inner-wrapper">
                    <label class="input-label" style="border-radius: 12px;">
                        <input type="text" placeholder="云服务器"
                               class="search-input">
                        <span class="input-suffix">
                        <i class="search-icon develop sk-sousuo1"></i>
                    </span>
                    </label>
                    <div class="nav-search">
                        <div class="nav-search-body" style="border-radius: 12px;">
                            <div class="nav-search-close">
                                <img alt="关闭" class="close-icon"
                                     src="{$imag}/static/picture/remoteL17054789546267.svg">
                            </div>
                            <ul class="nav-search-tabs">
                                <li class="nav-search-tab active"
                                    data-target="all">全部产品
                                </li>
                                <li class="nav-search-tab" data-target="news">
                                    新闻资讯
                                </li>
                                <li class="nav-search-tab" data-target="docs">
                                    帮助文档
                                </li>
                            </ul>
                            <div class="nav-search-input-wrapper">
                                <input type="text" placeholder="云服务器"
                                       class="nav-search-input" style="border-radius: 12px;">
                                <span class="nav-search-input-suffix">
                             <i class="search-icon develop sk-sousuo1"></i>
                         </span>
                            </div>
                            <div class="nav-search-hotProducts">
                                <p class="nav-search-hotProducts-title">
                                    热销推荐</p>
                                <i class="nav-search-hotProducts-icon develop sk-gonggong-xinwenbiaoqian1"></i>
                            </div>
                            <div class="nav-search-recommendation">
                                {foreach $setnav.custom.recommendedproducts as
                                $key => $vo}
                                <a href="{$vo.url}"
                                   target="_blank">{$vo.name}</a>
                                {/foreach}
                            </div>
                        </div>
                    </div>
                </div>
                {foreach $setnav.custom.rightContent as $right}
                <div class="navbar-public">
                    <a href="{$right.url}">{$right.title}</a>
                </div>
                <div class="delimiter"></div>
                {/foreach}
                {if !$userinfo}
                <div class="navbar-Register">
                    <a href="{$url.login}">登录</a>
                </div>
                <a class="navbar-Login" href="{$url.register}">
                    免费注册
                </a>
                {/if}
                {else}
                {if !$userinfo}
                <div class="navbar-mode-Login">
                    <a href="{$url.login}">登录</a>
                </div>
                <div class="navbar-mode-Register">
                    <a href="{$url.register}">免费注册</a>
                </div>
                {/if}
                {/if}
                <!-- 已登录-->
                {if $userinfo}
                <div class="navbar-user">
                    <div class="navbar-user-content">
                        <div class="navbar-user-name">
                            <span>{$userinfo.username}</span>
                            <i class="develop sk-jiantouxia"></i>
                        </div>
                        <div class="navbar-user-avatar">
                            <img src="{$userinfo.avatar}" alt="{$userinfo.name}"
                                 srcset="">
                        </div>
                    </div>
                    <div class="navbar-user-dropdown">
                        <div class="navbar-user-dropdown-container">
                            <div class="navbar-user-dropdown-item">
                                <a href="{$url.home}">
                                    <i class="develop sk-shezhi"></i>
                                    <span>用户中心</span>
                                </a>
                            </div>
                            <div class="navbar-user-dropdown-item">
                                <a href="{$url.finance}">
                                    <i class="develop sk-qianbao"></i>
                                    <span>余额（￥{$userinfo.credit})</span>
                                </a>
                            </div>
                            <div class="navbar-user-dropdown-item">
                                <a href="{$url.finance}" >
                                    <i class="develop sk-tuiguang"></i>
                                    <span>余额充值</span>
                                </a>
                            </div>
                            <div class="navbar-user-dropdown-item">
                                <a href="{$url.account}">
                                    <i class="develop sk-shenfenxinxi"></i>
                                    <span>
                                        实名信息
                                        {if $userinfo.certifi}
                                        <span class="realname">(已认证)</span>
                                        {else}
                                        <span class="is_realname">(未实名)</span>
                                        {/if}
                                    </span>
                                </a>
                            </div>
                            <div class="navbar-user-dropdown-item">
                                <a href="{$url.security}">
                                    <i class="develop sk-dunpai"></i>
                                    <span>安全中心</span>
                                </a>
                            </div>

                            <div class="navbar-user-dropdown-item">
                                <a  href="/logout" data-url="{$url.login}">
                                    <i class="develop sk-tuichu"></i>
                                    <span>退出登录</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
            </div>
        </div>
    </div>
    <div class="menu-dropdown-container" style="display: none;"></div>
</section>
<section class="nav-data" style="display:none;height:0;width: 0;">
    {foreach $nav as $key=>$vo }
    {if $vo.type!='url' }
    <div data-key="{$key}" data-childtype="{$vo.type}">
        {switch $vo.type }
        {case groups}
        {include file="common/header/nav/ProductsAndServices"}
        {/case}
        {case nav}
        {include file="common/header/nav/SecondLevel"}
        {/case}
        {case page}
        {include file="common/header/nav/Multistage"}
        {/case}
        {/switch}
    </div>
    {/if}
    {/foreach}
</section>