{layout name="layout" /}

<!-- 轮播图 -->
<div class="pull-banner w100">
    <img src="{$category.src ?: '__STATIC__/images/banner/banner-develop.jpg'}" alt="{$category.title ?? ''}banner">
    <div class="pull-banner-title w1360">
        <h2>{$category.title ?? ''}</h2>
        <p>{$category.description ?? ''}</p>
        <span><a href="/">首页</a> /  {$category.title ?? ''}</span>
    </div>
</div>

<!-- 主体内容 -->
<div class="contact w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <ul class="contact-txt wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
        <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <em><img src="__STATIC__/images/icon/icon-phone.png" alt="电话"></em>
            <p>电 话：<a href="tel:0372-8112798">0372-8112798</a><a href="tel:8128666">8128666</a><a href="tel:8115666">8115666</a>
            </p>
        </li>
        <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <em><img src="__STATIC__/images/icon/icon-phone.png" alt="电话"></em>
            <p>销售客服：<a href="tel:15896803999">15896803999</a> (非销售业务勿扰)</p>
        </li>
        <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <em><img src="__STATIC__/images/icon/icon-email.png" alt="邮箱"></em>
            <p>邮 箱：hxljc@hxljc.com</p>
        </li>
        <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <em><img src="__STATIC__/images/icon/icon-addr.png" alt="地址"></em>
            <p>公司总部地址：河南省滑县新区湘江路与富民路交汇处</p>
        </li>
        <li class="wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <em><img src="__STATIC__/images/icon/icon-addr.png" alt="地址"></em>
            <p>郑州研发中心地址：郑州市高新区翠竹街1号企业总部基地26号楼6层</p>
        </li>
    </ul>
    <div class="map wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0" id="map"></div>
</div>
<script src="__STATIC__/js/bdmap.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    ShowMap("map", {
        city: '河南省',
        addr: "{$blocks['contact-map-addr']['value'] ?? ''}",
        title: "{$blocks['contact-map-title']['value'] ?? ''}",
        lawfirm: "{$blocks['contact-map-title']['value'] ?? ''}",
        tel: "{$blocks['contact-map-tel']['value'] ?? ''}",
        mapx: "{$blocks['contact-lon-lat']['value'] ?? '104.143218,30.663177'}",
        ismove: '0',
        piobj: 'nxp',
        zoom: 15
    });
</script>
<!-- 一对一 -->
<div class="from-bg w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
    <div class="from w1360 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
        <div class="index-title index-title-black w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
            <h2>{$blocks['message-title']['value'] ?? ''}</h2>
            <p>{:nl2br($blocks['message-subtitle']['value']) ?? ''}</p>
        </div>
        <form id="msg-form">
            <ul class="input wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
                <li><input type="text" name="item[name]" placeholder="您的姓名"/></li>
                <li><input type="text" name="item[tel]" placeholder="您的联系方式"/></li>
                <li><input type="text" name="item[email]" placeholder="您的邮箱地址"/></li>
                <li><input type="text" name="item[code]" placeholder="请输入验证码"/>
                    <img id="refreshCaptcha" src="{:captcha_src()}" alt="验证码">
                </li>
            </ul>
            <textarea class="wow fadeInUp" name="item[content]" data-wow-duration=".8s" data-wow-delay="0"
                      placeholder="留言内容"></textarea>
            <button type="button" class="from-btn" id="submit-msg">立即提交</button>
        </form>
    </div>
</div>
<script>
    $('#refreshCaptcha').on('click', function () {
        $(this).attr('src', '/captcha.html?rand=' + Math.random());
    });

    $('#submit-msg').on('click', function () {
        $.post('/index/message', $('#msg-form').serialize(), function (res) {
            // console.log(res, 'res')
            if (res.code === 0) {
                alert('提交成功，我们将尽快与您联系！');
                location.reload();
            } else {
                alert('提交失败！'+res.msg);
            }
        })
    });
</script>