<?php /*Template Name: 申请试用和登记信息*/
get_header(); ?>
<div class="page-banner">
	<picture>
        <source srcset="<?php echo of_get_option( 'm_banner_shenqing'); ?>" media="(max-width:768px)" alt="申请试用和登记信息">
        <img src="<?php echo of_get_option('banner_shenqing'); ?>" alt="申请试用和登记信息">
    </picture>
</div>
    <div class="page-shenqing">
        <div class="shenqing-form">
            <div class="container-width">
                <div class="page-title">
                    <h3>申请免费试用</h3>
                    <p>提交信息，立即申请优惠</p>
                </div>
                <div class="sq-from">
                    <?php echo do_shortcode('[contact-form-7 id="84" title="shenqing"]'); ?>
                </div>
            </div>
        </div>
        <div class="shenqing-lx">
            <div class="container-width">
                <div class="page-title">
                    <h3>联系我们</h3>
                </div>
                <ul>
                    <li>
                        <img src="<?php bloginfo('template_url'); ?>/images/shenqing/phone-ico.png" alt="联系电话">
                        <h3>联系电话</h3>
                        <p><?php echo of_get_option('zuoji_tel'); ?></p>
                        <p><?php echo of_get_option('shouji_tel'); ?></p>
                    </li>
                    <li>
                        <img src="<?php bloginfo('template_url'); ?>/images/shenqing/qq-ico.png" alt="联系QQ">
                        <h3>联系QQ</h3>
                        <p><?php echo of_get_option('contact_qq'); ?></p>

                    </li>
                    <li>
                        <img src="<?php bloginfo('template_url'); ?>/images/shenqing/wx-ico.png" alt="联系微信">
                        <h3>联系微信</h3>
                        <p><?php echo of_get_option('shouji_tel'); ?></p>
                        <img src="<?php echo of_get_option('weixin_erweima'); ?>" alt="" width="60">
                    </li>
                    <li>
                        <img src="<?php bloginfo('template_url'); ?>/images/shenqing/add-ico.png" alt="公司地址">
                        <h3>公司地址</h3>
                        <p><?php echo of_get_option('address'); ?></p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
<link href="https://cdn.bootcdn.net/ajax/libs/layer/2.1/skin/layer.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/layer/2.1/layer.js"></script>
    <script>
    $("#sq-btn").on('click', function() {
        var sqname = $("#sq-name").val();
        var	sqtel = $("#sq-tel").val();
        var	sqcom = $("#sq-com").val();
        var	reg = /^1[3456789]\d{9}$/;
        if (sqname === '' || sqtel === '' || sqcom === '') {
            layer.msg('内容不能为空！');
            return false;
        }else if (sqtel === '') {
            layer.msg('手机号码不能为空！');
            return false;
        }else if (!reg.test(sqtel)) {
            layer.msg('手机号码格式错误！');
            return false;
        }else {
            layer.msg('谢谢您的提交，我们会尽快与您联系！');
        }
    })
    </script>
<?php get_footer(); ?>