{php}$site_navigations = siteNavigations();{/php}
<div class="xnav">
    <div class="nav" id="nav" onClick="doAct(this);">
        <span class="nav1"></span>
        <span class="nav2"></span>
        <span class="nav3"></span>
    </div>
    <div class="smdaohang" id="smdaohang">
        <ul class="topnav">
            <form action="site/Search/index" method="get" class="fix">
                <input type="text" name="q"  placeholder="{:lang('crumbs_search')}" class="iptc l">
                <i class="iconfont icon-search4"></i>
                <input type="submit" value="" class="ipsc r">
            </form>
            {foreach $site_navigations as $key => $val}
            <li>
                <a href="{$val.url}" >{$val.name}</a>
                {if !empty($val['children'])}
                <ul>
                    {foreach $val['children'] as $value}
                    <li>
                        <a href="{$value.url}" >{$value.name}</a>
                        {if !empty($value['children'])}
                        <ul>
                            {foreach $value['children'] as $vo}
                            <li>
                                <a href="{$vo.url}" >{$vo.name}</a>
                                {if !empty($vo['children'])}
                                <ul>
                                    {foreach $vo['children'] as $v}
                                    <li>
                                        <a href="{$v.url}" >{$v.name}</a>
                                    </li>
                                    {/foreach}
                                </ul>
                                {/if}
                            </li>
                            {/foreach}
                        </ul>
                        {/if}
                    </li>
                    {/foreach}
                </ul>
                {/if}
            </li>
            {/foreach}
        </ul>
    </div>
</div>
<!--  head  -->
<header class="head">
    <div class="container">

        {if !empty($site_website_info['top_logo'])}
        <a href="/" title="{$site_website_info['name']|default=''}" class="logo">
            <span style=" display: block; position: relative; height: 0px; padding-bottom: 33.33333%">
                <img src="{:imgwhwebp($site_website_info['top_logo'] ?? '', 240, 80)}"
                     title="{$site_website_info['name']|default=''}"
                     alt="{$site_website_info['name']|default=''}"
                     style="max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%)">
            </span>
        </a>
        {/if}
        {php} $languages = siteGetLanguages(); {/php}
        <div class="yvn pull-right">
            <a class="yvzhonga">
                {if !empty($languages['default_language_info']['thumb'])}
                <img src="{:imgwhwebp($languages['default_language_info']['thumb'] ?? '', 24, 16)}" width="24" />
                {/if}
                {$languages['default_language_info']['name']}
            </a>
            <ul class="yvul">
                {foreach $languages['languages'] as $val}
                <li>
                    <a rel="nofollow" href="{$val.url}" title="{$val.name}" {if $val['is_blank'] == 1} target="_blank" {/if}>
                    {if !empty($val['thumb'])}
                    <img src="{:imgwhwebp($val['thumb'] ?? '', 24, 16)}"  width="24" />
                    {/if}
                    {$val.name}
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>
        <div class="sousuo">
            <span class="sou2 iconfont icon-sousuo"></span>
        </div>
        <!--{if (:checkLogin()}
        <div class="user">
                <div class="user-icon">
                <a href="/api/auth/user_center"><img src="__STATIC_DEMO__/img/head-icon-personal1.png" alt=""></a>
            </div>
        </div>
        <div class="backs">
            <div class="backs-icon">
                <img src="__STATIC_DEMO__/img/head-icon-tuichu.png" alt="" onclick="logout()">
&lt;!&ndash;                <a href="/api/auth/logout"><img src="__STATIC_DEMO__/img/head-icon-tuichu.png" alt=""></a>&ndash;&gt;
            </div>
        </div>
        {else /}
        <div class="user">
            <div class="user-icon">
                <img src="__STATIC_DEMO__/img/head-icon-personal1.png" alt="">
            </div>
            <ul class="user-ul">
                <li><a href="javascript:void(0);" class="login-btn">{:lang('login')}</a></li>
                <li><a href="javascript:void(0);" class="register-btn">{:lang('register')}</a></li>
            </ul>
        </div>
        {/if}-->
        {if count($site_navigations) > 6}
        <div class="ynav">
            <div class="yvnava">
                <span class="ysp1"></span>
                <span class="ysp2"></span>
                <span class="ysp3"></span>
            </div>
            <ul class="yyiji">
                {foreach $site_navigations as $key => $val}
                {if $key >= 6}
                <li {if in_array($val.id, $nav_ids)} class="dangqiandao" {/if}>
                    <a href="{$val.url}" >{$val.name}</a>
                </li>
                {/if}
                {/foreach}
            </ul>
        </div>
        {/if}

        <nav class="daoz">
            <ul class="daohang">
                {foreach $site_navigations as $key => $val}
                {if $key < 6}
                <li  {if in_array($val.id, $nav_ids)} class="dangqiandao" {/if}>
                    <a href="{$val.url}" >{$val.name}</a>
                    {if !empty($val['children'])}
                    <ul class="yijiw">
                        <div class="yiji">
                            {foreach $val['children'] as $value}
                            <li>
                                <a href="{$value.url}">{$value.name}</a>
                                {if !empty($value['children'])}
                                <ul class="erji">
                                    {foreach $value['children'] as $vo}
                                    <li>
                                        <a href="{$vo.url}" >{$vo.name}</a>
                                        {if !empty($vo['children'])}
                                        <ul class="sanji">
                                            {foreach $vo['children'] as $v}
                                            <li>
                                                <a href="{$v.url}" >{$v.name}</a>
                                            </li>
                                            {/foreach}
                                        </ul>
                                        {/if}
                                    </li>
                                    {/foreach}
                                </ul>
                                {/if}
                            </li>
                            {/foreach}
                        </div>
                    </ul>
                    {/if}
                </li>
                {/if}
                {/foreach}
                <div class="clear"></div>
            </ul>
        </nav>

        <div class="clear"></div>
    </div>
    <div class="head-search">
        <div class="container">
            <div class="head-search-box">
                <form  action="site/Search/index" method="get">
                    <input class="sou" type="text" name="q" placeholder="{:lang('crumbs_search')}">
                    <input class="suo" type="submit" value="">
                    <span class="sou1 iconfont icon-sousuo"></span>
                </form>
            </div>
        </div>
    </div>
</header>
<div class="tankuangs">
    <div class="register">
        <div class="content-box">
            <span class="closed"><img src="__STATIC_DEMO__/img/closes.png" alt=""></span>
            <h2 class="content-box-title">{:lang('register_title_introduce')}</h2>
            <div class="content-box-form">
                <form class="content content-flex" action="/api/auth/register" onsubmit="return false" method="post" novalidate="novalidate">
                    <div class="item-input">
                        <label><span class="red">*</span>{:lang('correct_inquiry_prompt_email')}</label>
                        <input type="text" name="email" id="email2" placeholder="" value="">
                    </div>
                    <div class="item-input">
                        <label><span class="red">*</span>{:lang('correct_login_prompt_password')}</label>
                        <input type="password" name="password" id="passwords" placeholder="" value="">
                    </div>
                    <div class="item-input">
                        <label><span class="red">*</span>{:lang('enter_email_code_notice')}</label>
                        <div class="item-code">
                            <input type="text" name="code" id="captcha2" placeholder="" value="">
                            <button type="button" id="vcode" class="vcode" onclick="sendCodeForEmail(this, '.register #email2', 'register')">{:lang('send_code_to_auth')}</button>
                        </div>
                    </div>

                    <div class="item-input">
                        <label>{:lang('enter_username')}</label>
                        <input type="text" name="name" id="name2" placeholder="" value="">
                    </div>
                    <div class="item-input">
                        <label>{:lang('enter_company_name')}</label>
                        <input type="text" name="company_name" id="Company" placeholder="" value="">
                    </div>
                    <div class="item-input">
                        <label>{:lang('enter_company_address')}</label>
                        <input type="text" name="company_addr" id="address" placeholder="" value="">
                    </div>
                    <div class="item-input-btn">
                        <input type="submit" class="item-btn" onclick="register(this)" value="{:lang('submit_to_register')}"/>
                        <div><a href="javascript:void(0);" class="btnn">{:lang('forget_password')}？</a></div>

                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="login">
        <div class="content-box">
            <span class="closed"><img src="__STATIC_DEMO__/img/closes.png" alt=""></span>
            <h2 class="content-box-title">{:lang('login')}</h2>
            <div class="content-box-form">
                <form class="content" action="/api/auth/login" onsubmit="return false" method="post" novalidate="novalidate">
                    <div class="item-input">
                        <label><span class="red">*</span>{:lang('inquiry_prompt_email')}</label>
                        <input type="text" name="account" id="account" placeholder="" value="">
                    </div>
                    <div class="item-input">
                        <label><span class="red">*</span>{:lang('correct_login_prompt_password')}</label>
                        <input type="password" name="password" id="password" placeholder="" value="">
                    </div>
                    <div class="item-input-btn">
                        <input type="submit"  class="item-btn" onclick="login(this)" value="{:lang('login')}"/>
                        <div><a href="javascript:void(0);" class="btnn">{:lang('forget_password')}？</a></div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="login-password">
        <div class="content-box">
            <span class="closed"><img src="__STATIC_DEMO__/img/closes.png" alt=""></span>
            <h2 class="content-box-title">{:lang('forget_password')}</h2>
            <div class="content-box-form">
                <form class="content" action="/api/auth/reset_password" onsubmit="return false" method="post" novalidate="novalidate">
                    <div class="item-input">
                        <label><span class="red">*</span>{:lang('inquiry_prompt_email')}</label>
                        <input type="text" name="account" id="email1" placeholder="" value="">
                    </div>
                    <div class="item-input">
                        <label><span class="red">*</span>{:lang('enter_email_code_notice')}</label>
                        <div class="item-code">
                            <input type="text" name="code" id="captcha1" placeholder="" value="">
                            <button type="button" id="vcode1" class="vcode" onclick="sendCodeForEmail(this, '.login-password #email1', 'resetPass')">{:lang('send_code_to_auth')}</button>
                        </div>
                    </div>
                    <div class="item-input">
                        <label><span class="red">*</span>{:lang('enter_new_password')}</label>
                        <input type="password" name="new_password" id="password1" placeholder="" value="">
                    </div>
                    <div class="item-input">
                        <label><span class="red">*</span>{:lang('enter_new_password_again')}</label>
                        <input type="password" name="new_repassword" id="password2" placeholder="" value="">
                    </div>
                    <div class="item-input-btn">
                        <input type="submit"  class="item-btn" onclick="resetPass(this)" value="{:lang('submit')}"/>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(".user .login-btn").click(function(){
        $(".tankuangs").show();
        $(".tankuangs .login").show();
        $(".tankuangs .login input").not('input[type=submit]').each(function (index, item) {
            $(item).val('');
        });
    });
    $(".user .register-btn").click(function(){
        $(".tankuangs").show();
        $(".tankuangs .register").show();
        $(".tankuangs .register input").not('input[type=submit]').each(function (index, item) {
            $(item).val('');
        });
    });
    function login(obj) {
        subCommon(obj, '.login')
    }

    function logout() {
        $.ajax({
            type: "POST",
            url: '/api/auth/logout',
            data: {},
            dataType: "json",
            success: function (data) {
                console.log(data);
                if (data.code === 200) {
                    showToast(data.msg, 1, 2);
                } else {
                    layer.msg(data.msg);
                }
            },
            error: function () {

                console.log("{:lang('failure')}")
            },
        });
    }
    function register(obj) {
        subCommon(obj, '.register')
    }
    function resetPass(obj) {
        subCommon(obj, '.login-password')
    }


    $(".tankuangs .register .item-input-btn .btnn").click(function(){
        $(".tankuangs").show();
        $(".tankuangs .register").hide();
        $(".tankuangs .login-password").show();
        $(".tankuangs .register input").not('input[type=submit]').each(function (index, item) {
            removeErrorMsg($(item), $(item));
            $(item).val('');
        });
    });
    $(".tankuangs .register .closed").click(function(){
        $(".tankuangs").hide();
        $(".tankuangs .register").hide();
        $(".tankuangs .register input").not('input[type=submit]').each(function (index, item) {
            removeErrorMsg($(item), $(item));
            $(item).val('');
        });
    })
    $(".tankuangs .login .item-input-btn .btnn").click(function(){
        $(".tankuangs").show();
        $(".tankuangs .login").hide();
        $(".tankuangs .login-password").show();
        $(".tankuangs .login input").not('input[type=submit]').each(function (index, item) {
            removeErrorMsg($(item), $(item));
            $(item).val('');
        });
    });
    $(".tankuangs .login .closed").click(function(){
        $(".tankuangs").hide();
        $(".tankuangs .login").hide();
        $(".tankuangs .login input").not('input[type=submit]').each(function (index, item) {
            removeErrorMsg($(item), $(item));
            $(item).val('');
        });
    })
    $(".tankuangs .login-password .closed").click(function(){
        $(".tankuangs").hide();
        $(".tankuangs .login-password").hide();
        $(".tankuangs .login-password input").not('input[type=submit]').each(function (index, item) {
            removeErrorMsg($(item), $(item));
            $(item).val('');
        });
    })
    $(".tankaungs").click(function(){
        $(".tankuangs").hide();
        $(".tankuangs .login").hide();
        $(".tankuangs .register").hide();
        $(".tankuangs .login-password").hide();
        $(".tankuangs .register input").not('input[type=submit]').each(function (index, item) {
            removeErrorMsg($(item), $(item));
            $(item).val('');
        });
        $(".tankuangs .login input").not('input[type=submit]').each(function (index, item) {
            removeErrorMsg($(item), $(item));
            $(item).val('');
        });
        $(".tankuangs .login-password input").not('input[type=submit]').each(function (index, item) {
            removeErrorMsg($(item), $(item));
            $(item).val('');
        });

    })

</script>
<!-- .km-hdcart start -->
<div class="km-hdcart">
    <div class="cart-btn">
        <svg t="1766482707016" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25326" width="120" height="120"><path d="M937.7 240.4c-18.3-22.8-46-36.2-75.5-36.2h-381c-17.4 0-31.7 14.3-31.7 31.7s14.3 31.7 31.7 31.7h381.1c9.8 0 19.2 4.5 25.5 12.5 6.3 8 8.5 18.3 5.8 29.9l-50.9 314c-3.1 15.2-16.5 25.5-31.7 25.5H404.8c-15.2 0-28.6-10.7-31.7-24.6l-75-429.7c-9.4-44.2-49.1-76.4-94.3-76.4H97c-17.4 0-31.7 14.7-31.7 32.2s14.3 31.7 31.7 31.7h106.8c15.2 0 28.6 10.7 31.7 24.6l75 429.7c9.4 44.2 49.1 76.4 94.3 76.4h406.1c45.1 0 84-30.8 94.7-77.3l50.9-314c6.2-29-0.5-58.5-18.8-81.7z" fill="#333333" p-id="25327"></path><path d="M791.6 841.2m-63.9 0a63.9 63.9 0 1 0 127.8 0 63.9 63.9 0 1 0-127.8 0Z" fill="#333333" p-id="25328"></path><path d="M429.3 841.2m-63.9 0a63.9 63.9 0 1 0 127.8 0 63.9 63.9 0 1 0-127.8 0Z" fill="#333333" p-id="25329"></path></svg>
    </div>
    <div class="cart-wp nodata">
        <form action="{$car_inquire_url}" method="post">
            <div class="box-wp">
                <div class="box-nodata">
                    <img src="__STATIC_DEMO__/img/icon-nodata.png" alt="">
                </div>
                <div class="box-list">

                </div>
            </div>

            <div class="box-ft">
                <div class="box-btn clear">
                    <div class="btn">
                        {:lang('clear')}
                    </div>
                </div>
                <div class="box-btn submit">
                    <button class="btn" type="submit">
                        {:lang('inquire_now')}
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    $(function(){
        let cart = sessionStorage.getItem('cart'),
            cartData = cart ? JSON.parse(cart) : [];

        cartData.forEach(function(item, index){ 
            cartReader(cartData);
            
            $('.pro-item .add').each(function(){
                if($(this).data('id') == item.id){
                    $(this).addClass('active');
                }
            })
        });

        $('.km-hdcart .cart-btn').click(function(){
            var _this = $(this);

            _this.toggleClass('active');
            _this.next('.cart-wp').slideToggle();
        });

        $('.km-hdcart').on('click', '.item-delete', function(){
            var _this = $(this),
                $id = _this.data('id');

            cartData = cartData.filter(function(item){ 
                return item.id != $id;
            });
            sessionStorage.setItem('cart', JSON.stringify(cartData));
            $('.pro-item .add').each(function(){
                if($(this).data('id') == $id){
                    $(this).removeClass('active');
                }
            })
            _this.parents('.box-item').remove();
            if(cartData.length > 0){
                $('.km-hdcart .cart-wp').removeClass('nodata');
            }else{
                $('.km-hdcart .cart-wp').addClass('nodata');
            }
        })

        $('.km-hdcart .clear').click(function(){
            cartData = [];
            sessionStorage.setItem('cart', JSON.stringify(cartData));
            $('.pro-item .add').removeClass('active');
            cartReader(cartData);
        })

        // $('.km-hdcart .submit').click(function(){
        //     let ids = [];
        //     for (const item in cartData) {
        //         ids.push(cartData[item].id)
        //     }
        //
        //     window.location.href = "{$car_inquire_url}&ids[]=" + ids
        // })
        $('.km-hdcart').on('click', '.nodata', function(e){
            e.preventDefault();
        });

        $('.pro-item .add').click(function(){
            var _this = $(this),    
                $title = _this.data('title'),
                $href = _this.data('href'),
                $id = _this.data('id'),
                $pic = _this.data('pic');

            $('.km-hdcart .cart-btn').addClass('active').next('.cart-wp').slideDown();
            
            if(_this.hasClass('active')) return;

            _this.addClass('active');

            cartData.push({
                id: $id,
                title: $title,
                href: $href,
                pic: $pic,
            });
            cartReader(cartData);
            sessionStorage.setItem('cart', JSON.stringify(cartData));
        })


        function cartReader(data){
            var html = '';

            if(data.length > 0){
                $('.km-hdcart .cart-wp').removeClass('nodata');

            }else{
                $('.km-hdcart .cart-wp').addClass('nodata');
            }

            data.forEach(function(item, index){ 
                html += `<div class="box-item">
                            <a href="${item.href}" title="" class="item-pic">
                                <img src="${item.pic}" alt="">
                            </a>
                            <div class="item-text">
                                <p class="item-title">
                                    <a href="${item.href}" title="${item.title}">${item.title}</a>
                                </p>
                            </div>
                            <div class="item-delete" data-id="${item.id}">
                                <svg t="1766543823468" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6506" width="16" height="16"><path d="M928.16 144H736V64a32 32 0 0 0-32-32H320a32 32 0 0 0-32 32v80H95.84a32 32 0 0 0 0 64H129.6l77.92 698.656A96 96 0 0 0 302.912 992h418.144a96.032 96.032 0 0 0 95.424-85.344L894.4 208h33.728a32 32 0 0 0 0.032-64zM352 96h320v48H352V96z m400.896 803.552a32 32 0 0 1-31.808 28.448H302.912a32 32 0 0 1-31.808-28.448L193.984 208h636.032l-77.12 691.552z" p-id="6507" fill="#adadad"></path><path d="M608 820.928a32 32 0 0 0 32-32V319.104a32 32 0 0 0-64 0v469.824a32 32 0 0 0 32 32zM432 820.928a32 32 0 0 0 32-32V319.104a32 32 0 0 0-64 0v469.824a32 32 0 0 0 32 32z" p-id="6508" fill="#adadad"></path></svg>
                            </div>
                            <input type="hidden" name="ids[]" value="${item.id}">
                </div>`;
            });
            $('.km-hdcart .box-list').html(html);
        }
    })
</script>
<!-- .km-hdcart end -->