;(function($){
    $.extend({
        huaWidget: function(opt) {
            opt = $.extend({}, {
                bottom: '10%',
                zIndex: 999,
                wechat: false,
                qrcode: false,
                hotline: false,
                fbEl: '.hua-contact-feedback',
                qq: false
            }, opt);
            var __huafb = '', __huawg = '<div class="hua-side-widget" style="bottom:' + opt.bottom + ';z-index:' + opt.zIndex + '">';
            if (opt.wechat) {
                __huawg += '<div class="hua-side-item hua-side-wechat btn-copy-wechat" title="微信聊天" data-clipboard-text="' + opt.wechat + '"></div>';
            }
            __huawg += '<div class="hua-side-item hua-side-callme btn-open-callme" title="联系客服"></div>';
            __huawg += '<div class="hua-side-item hua-side-totop btn-goto-top" title="返回顶部"></div>';
            if (opt.wechat) {
                __huawg += `<div class="hua-winbox" id="hua-open-wechat"><div class="hua-winbox-wrap"><div class="hua-winbox-main hua-winbox-widget"><div class="hua-side-close"></div><div class="hua-winbox-success"><img src="//s.zxwp.cn/lib/kefu/img/success.png" alt="Success">微信号复制成功</div><p>微信号：<strong>` + opt.wechat + `</strong></p><p>添加微信好友，获得更多信息</p>`;
                if (opt.qrcode) {
                    __huawg += `<p><img src="` + opt.qrcode + `" alt="微信二维码"></p>`;
                }
            }
            __huawg += `<div class="hua-winbox-btn"><a href="weixin://">我知道了</a></div></div></div></div>`;
            if (opt.hotline) {
                __huafb = `<div class="hua-feedback-hotline"><div class="hua-hotline-main"><img src="//s.zxwp.cn/theme/img/48-hotline.png" alt="客服热线"><a href="tel:` + opt.hotline + `">` + opt.hotline + `</a></div></div><div class="hua-feedback-line"><span>您可以拨打电话或发送在线信息</span></div>`;
            } else {
                __huafb = `<div class="hua-feedback-line"><span>请在下方发送您的信息</span></div>`;
            }
            __huafb += `<div class="hua-feedback-form"><div class="hua-feedback-item"><input type="text" name="name" maxlength="50" placeholder="您的称呼"></div><div class="hua-feedback-item"><input type="text" name="phone" maxlength="50" placeholder="您的手机号码"></div><div class="hua-feedback-item"><textarea name="message" maxlength="1000" cols="30" rows="4" placeholder="您的留言"></textarea></div><div class="hua-winbox-btn"><button type="button" class="hua-btn-feedback">发送信息</button></div></div>`;
            __huawg += `<div class="hua-winbox" id="hua-open-callme"><div class="hua-winbox-wrap"><div class="hua-winbox-main"><div class="hua-side-close"></div><div class="hua-feedback-banner"><img src="//s.zxwp.cn/lib/kefu/img/welcome.jpg" alt="welcome"></div><div class="hua-feedback-widget">` + __huafb + `</div></div></div></div>`;

            if (opt.fbEl) $(opt.fbEl).html(__huafb);
            $('body').append(__huawg).on('click', '.hua-side-callme', function() {
                $('#hua-open-callme').fadeIn(200)
            }).on('click', '.hua-side-close', function() {
                $(this).parent().parent().parent().fadeOut(300)
            }).on('click', '.hua-side-totop', function() {
                $('body,html').animate({scrollTop:0}, 600);
            }).on('click', '.hua-btn-feedback', function() {
                let _data = {
                    name: $(this).parent().parent().find('input[name="name"]').val(),
                    phone: $(this).parent().parent().find('input[name="phone"]').val(),
                    message: $(this).parent().parent().find('textarea[name="message"]').val(),
                }
                if (!_data.name || _data.name == '') {
                    alert('请填写您的称呼');
                    $(this).parent().parent().find('input[name="name"]').focus();
                    return false;
                }
                if (!_data.phone || _data.phone == '') {
                    alert('请填写您的手机号码');
                    $(this).parent().parent().find('input[name="phone"]').focus();
                    return false;
                }
                if (!_data.message || _data.message == '' || _data.message.length < 3) {
                    alert('请填写您的留言信息');
                    $(this).parent().parent().find('input[name="message"]').focus();
                    return false;
                }
                $(this).attr('disabled', true);
                $.post('/feedback', _data, function(res){
                    $(this).attr('disabled', false);
                    if (res && res.net == 2000) {
                        $('textarea[name="message"]').val('')
                        $('.hua-side-close').click();
                        alert('恭喜恭喜！信息发送成功，我们将尽快联系您');
                    } else {
                        alert((res && res.msg) ? res.msg : '出错了：未知错误')
                    }
                }, 'json')
            })
            new ClipboardJS('.btn-copy-wechat').on('success', function(e) {
                $('#hua-open-wechat').fadeIn(200)
            }).on('error', function(e) {
                alert('\u590d\u5236\u5931\u8d25\uff01');
            });
            $(window).scroll(function(){
                if ($(this).scrollTop() > 100) {
                    $('.hua-side-totop').css('visibility', 'visible');
                } else {
                    $('.hua-side-totop').css('visibility', 'hidden');
                }
            });
        }
    })
})(jQuery)