/**
 * 商品详情页
 * @author: tao.huang<tao.huang@yoho.cn>
 * @date: 2016/9/22
 */

/**
 *  说明：这里有一些优化方法。
 *  页面已经被 nginx 缓存，变化后的数据需要通过 ajax 进行获取后，重新绑定事件。
 */

var $ = require('yoho-jquery');

var lazyLoad = require('yoho-jquery-lazyload');
var yas = require('../common/data-yas');
var dataLazyLoad = require('../plugins/lazy-load')(document);
var setPager = require('./detail/pager');
var notify = require('./detail/notify');
var favorite = require('./detail/brand-fav');

var bindEvent = $.Callbacks();                         // eslint-disable-line

var Dialog = require('../common/dialog').Dialog;

var $main = $('.main'),
    id = $main.data('id'),
    shopId = parseInt($main.data('shop')),
    brandId = parseInt($('#brand-favour').data('id')),
    md5 = $main.data('md5'),
    skn = $main.data('skn'),
    deposit = $main.data('deposit') === 'Y',
    secKill = $main.data('seckill') === 'Y',
    limitCode = $main.data('limitcode'),
    isBundle = $main.data('type') === 2, // 量贩商品
    goodsBaseNum = isBundle ? $main.data('count') : 1; // 每次购买最低件数

var maxStock = -1; // 记录当前选中的颜色-尺码的库存量，若为-1，代表未选择尺码

var SLIDETIME = 200;

var colTxt = {
    normal: '收藏商品',
    coled: '已收藏',
    hover: '取消收藏'
};

var oldStatus = {
    txt: '已领取',
    html: '<a class="coupon-btn">去使用</a>'
};

var BRAND_FAV = {
    add: 'add',
    cancel: 'cancel'
};

var $saleReturn = $('#saleReturn');

var dialogTpl = require('hbs/product/coupon-dialog.hbs');
var consultSuccessTpl = require('hbs/product/consult-success.hbs');

var pkgData;// 套餐数据
var notifyTpl = require('hbs/product/notify.hbs');
var notifyOkTpl = require('hbs/product/notify-ok.hbs');

var $goodsIdArr = [];

function limitedProductUrl(s) {
    return window.location.href + '?openby:yohobuy={"action":"go.limitpurchase","params":{"lp":"' + s + '"}}';
}

function isEmpty(el) {
    return !$.trim(el.html());
}

require('../plugins/slider');
require('../common/center-slider');

bindEvent.add(function() {
    var $imgShow = $('#img-show'),
        $thumbs = $('#thumbs > .thumb-wrap');

    var $size = $('#sizes'),
        $sizes = $size.children('.size'),
        $sizeWarn = $size.find('.size-warn'),
        $colorSizeTip = $size.children('.color-size-tip');

    var $num = $('#num'),
        $plusNum = $('#plus-num'),
        $minusNum = $('#minus-num');

    var $addToCart = $('#add-to-cart'),
        $soldOut = $('#sold-out');

    var $lcContainer = $('.lc-container'),
        $itemBuy = $('.item-buy');

    var $enableNotifyYou = $('#enable-notify');

    var $qrcode = $('.qr-code');

    var $descColor = $('#desc-color');

    var thumbsLoaded = {};

    var isTicket = $('input[name="isTicket"]').length > 0 && $('input[name="isTicket"]').val() === 'true';

    var brandDomain = $('.home').attr('href');

    var Alert = require('../common/dialog').Alert;

    /** 优惠券开始 **/
    var $moreCoupon = $('.more-coupon'),
        $couponItem = $('.coupon-item');

    function getCouponAsync(cid) {
        var uid = getUid();  // eslint-disable-line

        if (!uid) {
            return $.Deferred().reject({data: {refer: window.signinUrl()}}).promise(); // eslint-disable-line
        }

        return $.getJSON('/product/detail/coupon', {
            couponId: cid
        }).then(function(result) {
            var defer = $.Deferred(); //eslint-disable-line

            if (result.code === 200) {
                defer.resolve();
            } else {
                defer.reject(result);
            }

            return defer.promise();
        });
    }

    function acquireCoupon($ele) {
        var couponId = $ele.data('id');
        var i = $ele.data('i');
        var $item = $($couponItem.get(i));
        var status = $item.data('status');

        switch (status) {
            case 1:
                getCouponAsync(couponId).then(function() {
                    $ele.find('.coupon-status').text(oldStatus.txt);
                    $ele.find('.coupon-go').empty().append(oldStatus.html);

                    $item.data('status', 3);
                }).fail(function(err) {
                    if (err.data && err.data.refer) {
                        return window.jumpUrl(err.data.refer);
                    }

                    alert(err.message);
                });
                break;
            default:
                window.jumpUrl(brandDomain);
        }
    }

    function openCouponDialog(e) {
        var $coupons = $couponItem.map(function(i) {
            var $this = $(this);

            return {
                couponId: $this.data('id'),
                couponName: $this.data('name'),
                amount: $this.data('amount'),
                acquireStatus: $this.data('status'),
                rule4ShortName: $this.data('rule'),
                i: i
            };
        }).get();

        var newCoupons = $.grep($coupons, function(val) {
            return val.acquireStatus === 1;
        });

        var oldCoupons = $.grep($coupons, function(val) {
            return val.acquireStatus === 3;
        });

        var couponData = {
            cssClass: window.screen.height > 800 ? 'coupon-big-list' : 'coupon-small-list',
            newList: {
                title: '可领取的券',
                body: newCoupons

            },
            oldList: {
                title: '已领取的券',
                body: oldCoupons
            }
        };

        var dialog = new Dialog({
            content: dialogTpl({coupon: couponData}),
            className: 'coupon-big'
        });

        dialog.$el.on('click', '.status', function() {
            acquireCoupon($(this));
        });

        dialog.show();
        e.stopPropagation();
    }

    // 打开优惠券列表
    $moreCoupon.on('click', openCouponDialog);

    /** 优惠券结束 **/

    function getSku() {
        return $('.size:not(.hide) li.focus').data('sku');
    }

    function imgShow(src) {
        $imgShow.attr('src', src);
    }

    function bigImgShow(src) {
        $('#big').attr('src', src);
    }

    // 查看细节图功能
    var moveWidth = 135,  // eslint-disable-line
        w = 420,
        h = 560,
        _w = 1000,
        radio = w / _w,
        $moveObj = $('.move-object'),
        $max = $('.max');

    function move(e) {
        var x = e.pageX - $imgShow.offset().left;
        var y = e.pageY - $imgShow.offset().top;

        // 滑块左上角的坐标
        var _x = x - moveWidth / 2;
        var _y = y - moveWidth / 2;

        var _maxX = w - moveWidth;
        var _maxY = h - moveWidth;

        if (_x < 0) {
            _x = 0;
        } else if (_x >= _maxX) {
            _x = _maxX;
        }

        if (_y < 0) {
            _y = 0;
        } else if (_y >= _maxY) {
            _y = _maxY;
        }

        // 大图左上角的坐标
        var offX = _x / radio, // eslint-disable-line
            offY = _y / radio;

        $moveObj.css({
            left: _x,
            top: _y
        });

        $max.get(0).scrollLeft = offX;
        $max.get(0).scrollTop = offY;
    }

    $('.move-over').mouseleave(function() {
        $('.move-object').addClass('hide');
        $max.addClass('hide');
    });

    $('.move-over').mousemove(function(e) {
        if ($moveObj.hasClass('hide')) {
            $moveObj.removeClass('hide');
        }

        if ($max.hasClass('hide')) {
            $max.removeClass('hide');
        }

        move(e);
    });

    // 细节图结束

    // 促销弹出框
    var icon = {  // eslint-disable-line
        unfold: '&#xe610;',
        fold: '&#xe615;'
    };

    $('.activity-title').click(function() {
        $(this).toggleClass('active');
        if ($(this).hasClass('active')) {
            $(this).find('span').html(icon.fold);
            $('.activity-container').slideDown(400);
        } else {
            $(this).find('span').html(icon.unfold);
            $('.activity-container').slideUp(400);
        }
    });

    // 获取当前选择的商品数目
    function getNum() {
        return +$num.text();
    }

    // 是否能：量贩购买
    function canBundleBuy() {
        return goodsBaseNum < maxStock;
    }

    // 重置Num显示为最小购买数
    function resetNum() {
        $num.text(goodsBaseNum + '');

        // +-按钮状态重置
        if (maxStock === 1 || maxStock === 0 || !canBundleBuy()) {

            // 数目为1/0时
            $plusNum.addClass('dis');
            $minusNum.addClass('dis');
        } else {
            $plusNum.removeClass('dis');
            $minusNum.addClass('dis');
        }
    }

    // 加入购物车和已售罄状态控制
    function switchBtnStatus($color) {
        // 全部售罄，按钮状态不变
        if ($itemBuy.length === 0) {
            return;
        }

        // 预上架商品，就不检查库存
        if ($('#open-soon').length === 1) {
            return;
        }

        // 选中的商品存量为0或者某个颜色的total为0
        if (maxStock === 0 || ($color && ~~$color.data('total') === 0) || !canBundleBuy()) {
            $itemBuy.addClass('hide'); // 隐藏加入购物车、即将开售、立即购买等相同位置的按钮
            $soldOut.removeClass('hide');
        } else {
            // 包括默认的-1情况下
            $itemBuy.removeClass('hide');
            $soldOut.addClass('hide');
        }
    }

    // size warn
    function showSizeWarn() {
        $sizes.not('.hide').children('.size-warn').removeClass('hide');
    }

    // size title
    (function() {
        var $sizeTitleJson = $('#size-title-json'),
            jsonHtml = $sizeTitleJson.html(),
            sizeTitle;

        if (!jsonHtml) {
            return;
        }

        sizeTitle = $.parseJSON(jsonHtml);

        // 数据获取后删除
        $sizeTitleJson.remove();

        $sizes.children('li').each(function() {
            var $this = $(this),
                key = $this.data('name');

            $this.data('title', sizeTitle[key]);
        });
    }());

    // 这个文件商品详情页专用
    require('../plugins/share')();
    require('yoho-jquery-qrcode');

    // 颜色
    $('.colors').on('click', 'li', function() {
        var $this = $(this),
            index = $this.index();

        var $imgs;

        // 初始化color-size显示或隐藏
        $colorSizeTip.addClass('hide');

        // 隐藏尺码提示
        $sizeWarn.addClass('hide');

        maxStock = -1;

        if ($this.hasClass('focus')) {

            // 已获取焦点的颜色再次点击，清除尺码的选中
            $sizes.eq(index).children('li').removeClass('focus');
        } else {

            // 未获取焦点，选择尺码
            $this.siblings('.focus').removeClass('focus');
            $this.addClass('focus');

            // 切换图片显示
            $thumbs.not('.hide').addClass('hide');
            $imgs = $thumbs.eq(index).removeClass('hide').find('img');

            if (typeof thumbsLoaded[index] === 'undefined') {

                // trigger layLoad
                lazyLoad($imgs, {
                    event: 'sporty'
                });

                $imgs.trigger('sporty');

                thumbsLoaded[index] = true;
            }

            $imgs.first().addClass('active');
            imgShow($imgs.first().data('shower'));
            bigImgShow($imgs.first().data('origin'));

            // 切换详细信息的颜色显示
            $descColor.text($this.data('color'));

            // 切换尺码显示
            $sizes.not('.hide').addClass('hide').children('li').removeClass('focus');
            $sizes.eq(index).removeClass('hide');

            // 是否展览票
            if (isTicket) {
                $sizes.eq(index).children('li').trigger('click');
                $('.chose-size').addClass('hide');
            }
        }

        resetNum();
        switchBtnStatus($this);
    });

    // 缩略图鼠标移入显示
    $('#thumbs').on('mouseenter', '.thumb', function() {
        var $this = $(this);

        imgShow($this.data('shower'));
        bigImgShow($this.data('origin'));

        if (!$this.hasClass('active')) {
            $this.siblings('.active').removeClass('active').end().addClass('active');
        }
    });

    // 尺码
    $size.on('click', 'li', function() {
        var $this = $(this);

        if ($this.hasClass('focus')) {
            return;
        }

        maxStock = +$this.data('num');

        $this.siblings('.focus').removeClass('focus');
        $this.addClass('focus');

        $colorSizeTip.html($this.data('title')).removeClass('hide');

        $sizeWarn.addClass('hide');

        switchBtnStatus();

        // / 到货通知：状态
        if ($this.data('notify') === 'Y') {
            $enableNotifyYou.removeClass('hide');

            notify.statusAsync(getSku()).then(function(result) {
                // 检查当前请求是否是选中的sku
                if (result.data.sku !== getSku()) {
                    return null;
                }

                if (result.data.status === 'Y') {
                    $enableNotifyYou.addClass('dis');
                    $enableNotifyYou.find('span').text('已订阅到货通知');
                } else {
                    $enableNotifyYou.removeClass('dis');
                    $enableNotifyYou.find('span').text('到货通知');
                }
            }).fail(function(err) {
                // 检查当前请求是否是选中的sku
                if (err.data.sku !== getSku()) {
                    return null;
                }

                $enableNotifyYou.removeClass('dis');
                $enableNotifyYou.find('span').text('到货通知');
            });
        } else {
            $enableNotifyYou.addClass('hide');
        }

        resetNum();
    }).on('click', '.size-ruler', function() {
        // 尺码帮助
        $('body,html').animate({
            scrollTop: $('.size-info').offset().top
        }, 300);
    });

    // 增加到货通知
    $enableNotifyYou.on('click', function() {
        if ($enableNotifyYou.hasClass('dis')) {
            return;
        }

        if (!window.getUid()) {
            return window.jumpUrl(window.signinUrl());
        }

        var opt = {  //eslint-disable-line
            className: 'notify-goods-wrapper',
            closeIcon: true,
            content: notifyTpl({pid: id, sku: getSku()})
        };

        var opt2 = {
            className: 'notify-goods-wrapper',
            closeIcon: true,
            content: notifyOkTpl()
        };

        var dialog = new Dialog(opt);  // eslint-disable-line

        var FAV = {  //eslint-disable-line
            checked: '&#xe613;',
            unchecked: '&#xe612;'
        };

        dialog.$el.on('click', '.ok', function() {
            var $this = $(this),
                sku = $this.data('sku'),
                isFav = dialog.$el.find('.active').length === 1;

            notify.addAsync(skn, sku).then(function() {
                if (isFav) {
                    $('#collect-product').triggerHandler('click');
                }

                dialog.close();

                new Dialog(opt2).show();

                $enableNotifyYou.addClass('dis');
                $enableNotifyYou.find('span').text('已订阅到货通知');
            }).fail(function(err) {
                if (err.code === 400) {
                    window.jumpUrl(err.data.refer);
                    return;
                }

                alert(err.message);
            }).always(function() {
                dialog.close();
            });
        });

        dialog.$el.on('click', '.checked', function() {
            var $this = $(this);

            $this.toggleClass('active');

            if ($this.hasClass('active')) {
                $this.html(FAV.checked);
            } else {
                $this.html(FAV.unchecked);
            }
        });

        dialog.show();
    });

    // 增加购买数量
    $plusNum.click(function() {
        var num = getNum();

        if ($(this).hasClass('dis')) {
            return;
        }

        if (maxStock === -1) {
            showSizeWarn();// 显示选择尺码提示
            return;
        }

        // 已售罄
        if (maxStock === 0) {
            return;
        }

        if (num === maxStock - 1) {

            // +按钮不可点
            $(this).addClass('dis');
        }

        // 数目为1时点+则移除-不可点状态
        if (num === goodsBaseNum) {
            $minusNum.removeClass('dis');
        }

        $num.text(num + 1 > maxStock ? maxStock : num + 1);
    }).on('selectstart', function() {
        return false;
    });

    // 减少购买数量
    $minusNum.click(function() {
        var num = getNum();

        if ($(this).hasClass('dis')) {
            return;
        }

        if (num === (goodsBaseNum + 1)) {
            $(this).addClass('dis');
        }

        if (num === maxStock) {

            // 恢复+可点
            $plusNum.removeClass('dis');
        }

        $num.text(num - 1 < 0 ? 0 : num - 1);
    }).on('selectstart', function() {
        return false;
    });

    // 限购码
    $('.get-lc:not(.dis)').hover(function() {
        $lcContainer.removeClass('hide');

        if (isEmpty($qrcode)) {
            $qrcode.qrcode({
                render: 'table',
                size: 140,
                text: limitedProductUrl(limitCode)
            });
        }

    }, function() {
        $lcContainer.addClass('hide');
    });

    // 加入购物车
    $addToCart.click(function() {
        if (maxStock === -1) {
            showSizeWarn();
            return;
        }

        // 加入购物车埋点
        yas.givePoint('YB_GDS_DT_ADD_TO_SC', {PRD_ID: +$('.main').data('id'), PRD_NUM: getNum()});

        $.ajax({
            type: 'POST',
            url: '/cart/index/add',
            data: {
                productSku: getSku(),
                buyNumber: getNum()
            }
        }).then(function(data) {
            var code = data.code;
            var alert;

            if (code === 200) {
                $('#type-chose').slideUp(SLIDETIME);
                $('#balance').slideDown(SLIDETIME);

                $('#cart-num').text(data.data.goods_count); // 更新数目
            } else if (code === 500) {
                if (deposit) {
                    alert = new Alert('定金预售商品只能在APP端购买');
                    alert.show();
                }

                if (secKill) {
                    alert = new Alert('秒杀商品只能在APP端购买');
                    alert.show();
                }
            }
        });
    });

    // 收藏
    $('#collect-product').click(function() {
        var $this = $(this),
            cancel,
            coltyp;

        if ($this.hasClass('coled')) {
            cancel = true;
        }

        coltyp = cancel ? 2 : 1;

        // 收藏埋点
        yas.givePoint('YB_COLLECTION_C', {PRD_ID: id, COL_TYP: coltyp});

        $.ajax({
            type: 'POST',
            url: '/product/item/togglecollect',
            data: {
                productId: id,
                type: cancel ? 'cancel' : 'add'
            }
        }).then(function(data) {
            var code = data.code;

            if (code === 200) {

                $this.toggleClass('coled');

                if (cancel) {
                    $this.find('em').text(colTxt.normal);
                } else {
                    $this.find('em').text(colTxt.coled);
                }
            } else if (code === 403) {
                location.href = data.data.url;
            }
        });
    }).hover(function() {
        var $this = $(this);

        if ($this.hasClass('coled')) {
            $this.find('em').text(colTxt.hover);
        }
    }, function() {
        var $this = $(this);

        if ($this.hasClass('coled')) {
            $this.find('em').text(colTxt.coled);
        }
    });

    // 继续购物
    $('#keep-shopping').click(function() {
        $('#type-chose').slideDown(SLIDETIME);
        $('#balance').slideUp(SLIDETIME);
    });

    // 电子票立即购买
    $('#buy-ticket').click(function() {
        var sku,
            buyNumber;

        if (maxStock === -1) {
            showSizeWarn();
            return;
        }

        if ($(this).hasClass('dis')) {
            return;
        }

        sku = $('.size:not(.hide) li.focus').data('sku');
        buyNumber = getNum();

        $.ajax({
            type: 'POST',
            url: '/cart/index/setTicket',
            data: {
                productSku: sku,
                buyNumber: buyNumber
            }
        }).then(function(data) {
            var $ticketForm,
                myAlert;

            if (data.code * 1 === 200) {
                $ticketForm = $('form[name="ticket-form"]');
                $ticketForm.html(
                    '<input name="productSku" value="' + sku + '" />' +
                    '<input name="buyNumber" value="' + buyNumber + '" />'
                );
                $ticketForm.submit();
            } else if (data.code * 1 === 401) {
                document.location.href = data.message;
            } else {
                myAlert = new Alert(data.message);
                myAlert.show();
            }
        });
    });

    // 立即购买
    $('#buy-now').click(function() {
        var sku,
            base,
            myAlert;

        if ($(this).hasClass('dis')) {
            return;
        }

        if (maxStock === -1) {
            showSizeWarn();
            return;
        }

        base = $(this).data('base');

        // 潮流尖货
        if (!base) {
            myAlert = new Alert('打开APP可抢购该商品哦~~');
            myAlert.show();
            return;
        }

        sku = $sizes.find('.focus').data('sku');

        if (limitCode && sku && skn && base) {
            location.href = base + '?sku=' + sku + '&skn=' + skn + '&limitcode=' + limitCode;
            return;
        }

        if (sku && base) {
            location.href = base + '?product_sku=' + sku;
            return;
        }
    });

    // 按钮鼠标移入效果【dis状态的按钮状态不变】
    $('.buy-btn').mouseover(function() {
        if ($(this).hasClass('dis')) {
            return;
        }

        $(this).addClass('hover');
    }).mouseleave(function() {
        $(this).removeClass('hover');
    });

    // 只有一个尺码（多个或一个颜色）时默认选中第一个未售罄的颜色的第一个尺码
    (function() {
        var hasOnlyOneSize = true,
            i;

        for (i = 0; i < $sizes.length; i++) {
            if ($sizes.eq(i).find('li').length !== 1) {
                hasOnlyOneSize = false;
                break;
            }
        }

        if (hasOnlyOneSize) {
            $sizes.eq($('.colors .focus').index()).find('li').click();
        }
    }());
});

// yas
require('../common');

require('./detail/latest-walk'); // 最近浏览

// 品牌收藏
$('#brand-favour').click(function() {
    var $this = $(this);
    var type = $this.hasClass('coled') ? BRAND_FAV.cancel : BRAND_FAV.add;

    (function() {
        switch (type) {
            case BRAND_FAV.add:
                return favorite.addFav(shopId, brandId);
            case BRAND_FAV.cancel:
                return favorite.cancelFav(shopId, brandId);
            default:
                return $.Deferred.reject().promise();
        }
    }()).then(function() {
        $this.toggleClass('coled');
    });
});

// 售后服务
$('.after-service-switch').click(function() {
    var $this = $(this),
        $content = $this.next('.after-service-content');

    var html = {
        down: '&#xe610;',
        up: '&#xe615;'
    };

    if ($content.css('display') === 'none') {
        $content.slideDown(SLIDETIME);
        $this.find('.triangle').html(html.up);
    } else {
        $content.slideUp(SLIDETIME);
        $this.find('.triangle').html(html.down);
    }
});

// 商品详情区的热点
function loadHotArea() {
    $.ajax({
        type: 'GET',
        url: '/product/detail/hotarea',
        data: {
            productId: id
        }
    }).then(function(html) {
        $('#details-html').prepend(html);

        // 修正热区尺寸使居中
        $('.hot-point-wrap > img').load(function() {
            $(this).parent('.hot-point-wrap').width($(this).width());
        });

        // Bind Hover event
        $('.hot-point').hover(function() {
            $(this).addClass('hover');
        }, function() {
            $(this).removeClass('hover');
        });
    });
}

window.fetchHotArea = window.once(loadHotArea);

// 商品详情图片懒加载
lazyLoad($('#details-html img'));

// 咨询和评价
function loadComment() {
    var commentPage = {},   // 每个类型的分页页码
        currentType = '7',  // 当前评论展示的类型
        cNumReady = false;  // 只第一次请求后更新数量

    var commentsTpl = require('hbs/product/comment-item.hbs'),
        loadingComments;

    function loadComments(type, nowPage) {
        if (loadingComments) {
            return;
        }

        commentPage[type] = commentPage[type] || 1;

        loadingComments = true;
        return $.ajax({
            type: 'GET',
            url: '/product/detail/comment',
            data: {
                productId: id,
                page: nowPage,
                filterId: type
            }
        });
    }

    // 购买评价
    function loadAllComments(type, nowPage) {
        loadComments(type, nowPage).then(function(data) {
            var res, filter, $ul, totalnum = 0, baseUrl;

            if (data.code === 200) {
                res = data.data;
                filter = data.filter || [];

                $ul = $('.comments [data-comment-list=' + type + '] ul');

                if (res.length === 0) {
                    $ul.next('.more-wrap').addClass('hide');
                    return;
                }

                if (filter && filter.length && !cNumReady) {
                    // cNumReady = true;
                    $(filter).each(function(idx, fit) {
                        if (fit.num) {
                            $('.comments [data-comment-type=' + fit.filterId + '] em').text(fit.num);

                            if (fit.filterId === '7') {  // 全部数量
                                $('.consult-comment .block-title .comment-num').text(fit.num);

                            }

                            if (fit.filterId === type) {
                                totalnum = fit.num;
                            }

                        }
                    });
                }

                totalnum = Math.ceil(totalnum / 10) * 20;

                $ul.empty().append(commentsTpl({
                    comments: res
                }));

                baseUrl = '/product/detail/comment?productId=' + id + '&filterId=7';
                $ul.append(setPager({
                    baseUrl: baseUrl,
                    totalRecords: totalnum,
                    page: nowPage,
                    type: 'ellipsis',
                    theme: 'msg-pager'
                }));

            }
        }).always(function() {
            loadingComments = false;
        });
    }


    $('.comments ul').on('click', 'a', function() {
        var $this = $(this);
        var href = $this.data('page');
        var data = href.split('?')[1].split('&');
        var result = data.map(function(i) {
            return i.split('=')[1];
        });

        loadAllComments(currentType, result[2]);

    });



    // 评论类型的切换
    $('.comments').on('click', '.comment-tabs h2[data-comment-type]', function() {

        var $t = $(this),
            $tabs = $t.closest('.comment-tabs'),
            type = $t.attr('data-comment-type');

        currentType = type;
        $tabs.find('h2[data-comment-type]').removeClass('active');
        $t.addClass('active');

        $('.comments').find('[data-comment-list]').hide();
        $('.comments').find('[data-comment-list=' + type + ']').show();

        if (!commentPage[type]) {    // 首次切换自动加载
            loadAllComments(type);
        }
    });

    loadAllComments(currentType);
}

// 购买评价的相关事件
$('.comments').on('click', '.img-preview .img-thumb', function() {
    var $t = $(this);
    var $d = $t.closest('.img-preview').find('.img-detail');

    $d.toggle();
    if ($d.is(':visible')) {
        $t.addClass('active');
    } else {
        $t.removeClass('active');
    }
});

$('.comments').on('click', '.img-preview [data-role="preview-close"]', function() {

    var $img = $(this).closest('.img-preview').find('.img-wrap img'),
        rotate = 0;

    $(this).closest('.img-detail').hide();
    $img.data('rotate', rotate);
    $img.css('transform', 'rotate(' + rotate + 'deg)');
});

$('.comments').on('click', '.img-preview [data-role="preview-left"]', function() {

    var $img = $(this).closest('.img-preview').find('.img-wrap img'),
        rotate = ($img.data('rotate') || 0) * 1;

    rotate -= 90;
    $img.data('rotate', rotate);
    $img.css('transform', 'rotate(' + rotate + 'deg)');
});

$('.comments').on('click', '.img-preview [data-role="preview-right"]', function() {

    var $img = $(this).closest('.img-preview').find('.img-wrap img'),
        rotate = ($img.data('rotate') || 0) * 1;

    rotate -= 90;
    $img.data('rotate', rotate);
    $img.css('transform', 'rotate(' + rotate + 'deg)');
});

window.fetchComment = window.once(loadComment);

function loadConsult() {
    var consultsTpl = require('hbs/product/consult-item.hbs'),
        $consultsUl = $('#consults-ul'),
        $consultNum = $('.consult-num'),
        loadingConsults = false;

    // 顾客咨询
    function loadConsults(nowPage) {
        if (loadingConsults) {
            return;
        }

        loadingConsults = true;

        $.ajax({
            type: 'GET',
            url: '/product/detail/consult',
            data: {
                productId: id,
                page: nowPage
            }
        }).then(function(data) {
            var res;
            var totalNum;
            var baseUrl = '/product/detail/consult?productId=' + id;

            if (data.code === 200) {
                res = data.data;
                if (res.length === 0) {
                    $consultsUl.next('.more-wrap').addClass('hide');
                    return;
                }

                // 更新总数显示
                $consultNum.text(res[0].total);

                totalNum = Math.ceil(res[0].total / 10) * 20;

                $consultsUl.empty().append(consultsTpl({
                    consults: res
                }));

                $('#consults-ul .zan-content').on('click', '.cuslike', function() {
                    var $this = $(this);
                    var cid = $this.data('id');
                    var like = $this.data('like');

                    $.ajax({
                        type: 'GET',
                        url: '/product/detail/consult/like/' + cid
                    }).then(function(result) {
                        if (result && result.code === 400) {
                            return window.jumpUrl(result.data.refer);
                        }

                        if (result && result.code === 200) {
                            $this.addClass('getzan');
                            $('.zan-content .icon-border[data-id=' + cid + '] .likeNum')
                                .replaceWith('<em class="likeNum">' + (like + 1) + '</em>');
                        }

                    });
                });

                $('#consults-ul .zan-content').on('click', '.cususeful', function() {
                    var $this = $(this);
                    var cid = $this.data('id');
                    var useful = $this.data('useful');

                    $this.addClass('getzan');

                    $.ajax({
                        type: 'GET',
                        url: '/product/detail/consult/useful/' + cid
                    }).then(function(result) {
                        if (result && result.code === 400) {
                            return window.jumpUrl(data.data.refer);
                        }

                        if (result && result.code === 200) {
                            $('.zan-content .usefulData[data-id=' + cid + '] .usefulNum')
                                .replaceWith('<em class="usefulNum">' + (useful + 1) + '</em>');
                        }

                    });
                });

                baseUrl = '/product/detail/consult?productId=' + id;

                $('.consults-pager').empty().append(
                    setPager({
                        baseUrl: baseUrl,
                        totalRecords: totalNum,
                        page: nowPage,
                        type: 'ellipsis',
                        theme: 'msg-pager'
                    })
                );
            }
        }).always(function() {
            loadingConsults = false;
        });
    }

    $('.consults-pager').on('click', 'a', function() {
        var $this = $(this);
        var href = $this.data('page');
        var data = href.split('?')[1].split('&');
        var result = data.map(function(i) {
            return i.split('=')[1];
        });

        loadConsults(result);
    });

    // 我要咨询
    $('#consults-btn').click(function() {
        // TODO:点击我要资讯的时候更新验证码显示
        $('.new-consult').removeClass('hide');
        $('.consult-success').addClass('hide');
    });

    // 提交咨询
    $('#submit-consult').click(function() {
        var $textArea = $('#textbox'),
            content = $.trim($textArea.val());
        var consultData = {
            msg: '发表成功,等待客服回复',
            download: '扫我下载app',
            learn: '及时了解回复内容'
        };

        var pass = true;

        if (content === '') {
            $textArea.attr('placeholder', '请输入咨询内容');
            $textArea.addClass('err');
            pass = false;
        }
        if (pass === false) {
            return;
        }

        $.ajax({
            type: 'POST',
            url: '/product/detail/consult',
            data: {
                productId: id,
                content: content
            }
        }).then(function(data) {
            var code = data.code;

            if (code === 200) {
                $textArea.removeClass('err');
                new Dialog({
                    content: consultSuccessTpl({success: consultData}),
                    className: 'consult-alert',
                    btns: [
                        {
                            id: 'consult-sure',
                            btnClass: ['alert-sure', 'btn-close'],
                            name: '确定'
                        }
                    ]
                }).show();

                // 清空输入
                $textArea.val('');
            } else if (code === 400) {
                // 跳转登录页
                location.href = data.data.refer;
            }
        });
    });

    loadConsults(1);
}

window.fetchConsult = window.once(loadConsult);

function randomString(len) {
    var $chars = 'ABCDEFGHJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890-';

    var maxPos = $chars.length,
        pwd = '',
        i;

    for (i = 0; i < len; i++) {
        pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
    }

    return pwd;
}

/*
 * 页面加载完
 */
function initPageYas() {
    var loadYas = {
        REC_POSE: 100013,
        REC_ID: randomString(40),
        PRD_ID: $goodsIdArr.join(','),
        PRD_NUM: $goodsIdArr.length,
        ORDER_CODE: '',
        ACTION_ID: 0,
        PAGE_NUM: 1
    };

    // 关键词搜索结果页展示时
    yas.givePoint('YB_CHOOSE_FOR_YOU_Y', loadYas);
}

// 店铺推荐
function loadRecommend() {
    $.ajax({
        type: 'GET',
        url: '/product/detail/recommend',
        data: {
            skn: skn,
            size: 20,
            num: 1
        }
    }).then(function(data) {
        var pro = data.data.products;
        var recommendTpl = require('hbs/product/recommend.hbs');
        var html = recommendTpl(data.data);

        if (data.code === 200 && pro.length !== 0) {
            $('#recommend-shop').removeClass('hide');
            $('#recommend-content').append(html);
            $('.recommend-slider').slider2({
                shownum: 5,
                isCircle: true
            });

            $('.recommend-slider .img-item .goods-id').each(function() {
                $goodsIdArr.push($(this).html());
            });
        } else {
            $('.bottom-title').eq(0).removeClass('bottom-cur').addClass('hide');
            $('.bottom-title').eq(1).addClass('bottom-cur');
            $('.bottom-title').filter('.change').addClass('hide');

            $('#recommend-shop').remove();
            $('.individual-comment .latest-walk').show();
            fetchLatestWalk();  // eslint-disable-line
        }

        // 页面加载完，埋点
        initPageYas();
    });
}

// 点击为您推荐商品埋点
$('.recommend-slider').on('click', '.img-item', function() {
    var $this = $(this);
    var proId = $this.find('.goods-id').html();

    var loadYas = {
        REC_POSE: 100013,
        REC_ID: randomString(40),
        PRD_ID: proId,
        PRD_NUM: $goodsIdArr.indexOf(proId) + 1,
        ORDER_CODE: '',
        ACTION_ID: 1,
        PAGE_NUM: 1
    };


    // 关键词搜索结果页展示时
    yas.givePoint('YB_CHOOSE_FOR_YOU_Y', loadYas);
});

window.fetchRecommend = window.once(loadRecommend);

// 加载套餐默认信息
$(function() {
    return $.ajax({
        type: 'GET',
        url: '/product/detail/getPacakge',
        data: {
            skn: skn
        }
    }).then(function(result) {
        if (result.code === 200 && result.data.packageData.length > 0) {
            var packageTpl = require('hbs/product/package.hbs'); // eslint-disable-line

            pkgData = result.data;
            $('#package').html(packageTpl(pkgData));

            // 详情页套餐区
            $('.good-info .good-detail-text > a').dotdotdot({
                wrap: 'letter'
            });
        } else {
            $('#package').addClass('hide');
        }
    });

});

// 套餐点击事件
$('.package-box').on('click', '#buy-detail', function() {
    var isSingle = true,
        singleSkuList = [];

    for (var i = 0; i < pkgData.packageData.length; i++) {
        var pData = pkgData.packageData[i];
        if (pData.colors.length === 1 && pData.colors[0].size.length === 1) {
            singleSkuList.push(pData.colors[0].size[0].sku);
        } else {
            isSingle = false;
        }
    }

    // 如果只有套餐中商品，都只有一个颜色一个尺码，就直接跳转结算页
    if (isSingle) {
        if (!window.getUid()) {
            return window.jumpUrl(window.signinUrl());
        }
        window.location.href = '//www.yohobuy.com/cart/easypay?bundle=' + pkgData.bundleId + '&sku=' + singleSkuList.join(',');
        return true;
    }

    var pkgDetailTpl = require('hbs/product/package-dialog.hbs');
    var opt = {
        className: 'pkg-dialog',
        closeIcon: false,
        content: pkgDetailTpl(pkgData)
    };

    var pkgDialog = new Dialog(opt);
    pkgDialog.show();

    // 选择颜色
    pkgDialog.$el.on('click', '.pkg-colors li', function() {
        var $this = $(this);
        var index = $this.index();
        var $colorName = $this.find('.color-name');
        var $pkType = $this.closest('.type-chose');
        var $pkSizesUl = $pkType.find('.pkg-sizes ul');
        var $pkgColor = $pkType.find('.chose-done .pkg-color');
        var $pkgSize = $pkType.find('.chose-done .pkg-size');
        var $pkgSizeWarn = $pkType.find('.pkg-sizes .size-warn');

        if ($this.hasClass('focus') || $this.hasClass('disable')) {
            return;
        }

        $this.addClass('focus').siblings('.focus').removeClass('focus');

        // 取消尺码的选择
        $pkSizesUl.find('li').removeClass('focus');
        $pkgColor.html('"' + $colorName.html() + '"');
        $pkgSize.html('');

        $pkSizesUl.addClass('hide').eq(index).removeClass('hide');
        $pkgSizeWarn.addClass('hide');
    });

    // 选择尺码
    pkgDialog.$el.on('click', '.pkg-sizes li', function() {
        var $this = $(this);
        var $pkType = $this.closest('.type-chose');
        var $pkgSize = $pkType.find('.chose-done .pkg-size');
        var $pkgSizeWarn = $this.siblings('.size-warn');

        if ($this.hasClass('focus') || $this.hasClass('disable')) {
            return;
        }

        $this.addClass('focus').siblings('.focus').removeClass('focus');

        $pkgSize.html('"' + $this.html() + '码"');

        $pkgSizeWarn.addClass('hide');
    });

    // 立即购买跳转
    pkgDialog.$el.on('click', '#pay-pkg', function() {
        if (!window.getUid()) {
            return window.jumpUrl(window.signinUrl());
        }

        var bundleId = $('#package-pro').data('bundleid'),
            $selectedPkgSizes = $('.pkg-sizes .size:not(.hide)'),
            flag = true,
            skuList = [];

        $selectedPkgSizes.each(function() {
            var $sku = $(this).find('li.focus');

            if ($sku.length === 0) {
                flag = false;
                $(this).find('.size-warn.warn-tip').removeClass('hide');
            } else {
                skuList.push($sku.data('sku'));
            }
        });

        if (flag) {
            window.location.href = '//www.yohobuy.com/cart/easypay?bundle=' + bundleId + '&sku=' + skuList.join(',');
        }

    });
});

// 店铺推荐和最近浏览
$('.bottom-tab').on('click', '.bottom-title', function() {
    var $this = $(this),
        index = $this.index();

    var $latestWalk = $('.individual-comment .latest-walk'),
        $recommendComment = $('.individual-comment #recommend-shop');

    if ($this.hasClass('change')) {
        return;
    }

    if ($this.hasClass('bottom-cur')) {
        return;
    }

    $this.addClass('bottom-cur');
    $this.siblings('.bottom-cur').removeClass('bottom-cur');

    if (index === 0) {
        // 店铺推荐
        $recommendComment.slideDown(SLIDETIME);
        $latestWalk.slideUp(SLIDETIME);

        $('.change').removeClass('hide');
    } else {
        // 最近游览
        fetchLatestWalk();  // eslint-disable-line
        $recommendComment.slideUp(SLIDETIME);
        $latestWalk.slideDown(SLIDETIME);

        $('.change').addClass('hide');
    }

});

$('.recommend-content').find('.iconfont').mouseenter(function() {
    $(this).addClass('focus');
}).mouseleave(function() {
    $(this).removeClass('focus');
});

// 特殊商品退换货
function loadReturn() {
    return $.ajax({
        type: 'GET',
        url: '/product/detail/return',
        data: {
            skn: skn
        }
    }).then(function(result) {
        if (result.code === 200) {
            if (result.data.result === 'N') {
                $saleReturn.removeClass().addClass('not-support-saleReturned-service');
            }
        }
    });
}

window.fetchReturn = window.once(loadReturn);

// 首屏加载后，对比数据是否变化，如果变化，重新渲染，重新绑定事件
bindEvent.fire();

// 当前只渲染商品详情页的变化敏感的部分
(function() {
    $.ajax({
        type: 'GET',
        url: '/product/detail/header',
        dataType: 'html',
        data: {
            productId: id,
            md5: md5
        }
    }).then(function(result) {
        if (result) {
            $('.main').html(result);
            bindEvent.fire(); // 重新绑定事件
        }
    });

    favorite.getFavNum(shopId, brandId).then(function(result) {
        $('#brand-favour').find('span').html(result);
    });

    favorite.statusFav(shopId, brandId).then(function() {
        $('#brand-favour').addClass('coled');
    });
}());

$(window).scroll(function() {
    var sc = $(document);
    var win = $(window);
    var scrollStart = $('.other-infos').offset().top;
    var scrollBottom = sc.height() - $('#after-service-switch').offset().top;
    var scrollEnd = $('#textbox').offset().top;

    if (sc.scrollTop() >= scrollStart && sc.scrollTop() <= scrollEnd) {
        $('.shoppingCar').addClass('fixednav');
    } else {
        $('.shoppingCar').removeClass('fixednav');
    }

    if (sc.height() - win.height() - sc.scrollTop() <= scrollBottom) {
        $('.shoppingCar').height(win.height() - (scrollBottom + win.height() + sc.scrollTop() - sc.height()));

    } else {
        $('.shoppingCar').height(1000);
    }

    $('.getnav').each(function(i, ele) {

        var data;

        if ($(ele).offset().top - $(window).scrollTop() < 100) {
            data = $(ele).data('id');
            $('.shoppingCar-nav li:eq(' + data + ')').siblings().find('a').removeClass('fixed');
            $('.shoppingCar-nav li:eq(' + data + ')').find('a').addClass('fixed');

        }
    });

});

$('.shoppingCar').on('click', '.option', function(e) {
    var $this = $(this);

    if ($this.hasClass('fixed')) {
        return;
    }

    $this.closest('li').siblings().find('.option').removeClass('fixed');
    $this.addClass('fixed');

    if ($this.hasClass('comment')) {
        window.fetchComment();
    } else if ($this.hasClass('consult')) {
        window.fetchConsult();
    }

    e.stopPropagation();
});

$('.shoppingCar-btn').on('click', function() {
    var $addToCart = $('#add-to-cart');
    var sc = $(document);

    if (maxStock === -1) {
        sc.scrollTop(200);
    } else {
        $addToCart.trigger('click');
    }
});

$(function() {
    $('.bottom-tab .change').click(function() {
        $('.img-brand-switch .next').trigger('click');
    });
});

$(function() {
    var font = $('.description-content .basic li');
    $('.size-table tbody tr:odd td').css('background-color','#f9f9f9');
    font.each(function(i, ele) {
        if ((i + 1) % 4 === 0) {
            $(this).find('.justpostion').css({display: 'inline-block', 'margin-left': '40px'});
        } else if ((i + 1) % 4 === 1) {
            return;
        } else {
            $(this).find('.justpostion').css('margin-left', '56px');
        }
    });
});

/*获取商品编码*/
function getPrdId(){
  return +$('.main').data('id');
}

 $('#buy-now').click(function(){
   var num = +$('#num').text();
   var option = {
     PRD_ID : getPrdId(),
     PRD_NUM : num,

   }

 });

/*点击商品详情页商品角度图时埋点*/
 $('#thumbs > .thumb-wrap').on('click', '.thumb', function(){
   var $this = $(this);
   var $index = $this.index()+1;
   yas.givePoint('YB_GDS_PICTURE_C', {PRD_ID: getPrdId(), PIC_INDEX: $index});

 });

 /*点击商品分享渠道时埋点*/
 $('.share-row .share-to i').on('click',function(){
   var $this = $(this);
   var $index = $this.index()+1;
   yas.givePoint('YB_GDS_SHARE_TYPE_C', {PRD_ID: getPrdId(), TYPE_ID: $index});

 });

 $('.chose-color .colors').on('click', 'li', function(){

 });

/*点击商品详情页尺寸时埋点*/
 $('#sizes .size').on('click', 'li', function(){
    var $this = $(this);
    yas.givePoint('YB_GDS_SIZE_C', {PRD_ID: getPrdId(), SIZE: $this.data('name')});
 });

/*点击商品详情页模块导航时埋点*/
 $('.shoppingCar .shoppingCar-nav ul').on('click', 'li', function(){
   var $this = $(this);
   var $index = $this.index()+1;
   yas.givePoint('YB_GDS_NAVIGATION_C', {PRD_ID: getPrdId(), NAV_INDE: $index});
 });

/*点击商品评价模块中的全部/有图/图片时埋点*/
 $('.cc-content .comment-tabs').on('click', 'h2', function(){
   var $this = $(this);
   var $index = $this.index()+1;
   yas.givePoint('YB_GDS_REVIEWS_TAB_C', {PRD_ID: getPrdId(), POS_ID: $index});
 });

 $('.comments').on('click', '.img-preview .img-thumb', function() {
    yas.givePoint('YB_GDS_REVIEWS_TAB_C', {PRD_ID: getPrdId(), POS_ID: 3});
 });

/*点击商品详情页中的【我要咨询】时埋点*/
 $('#submit-consult').click(function(){
   yas.givePoint('YB_GDS_CONSULT_C', {PRD_ID: getPrdId()});
 });

/*点击商品详情页底部店铺推荐和最近浏览TAB时埋点*/
 $('.bottom-tab p').on('click', 'span', function(){
   var $this = $(this);
   var $index = $this.index()+1;
   if( $index !== 3){
     yas.givePoint('YB_GDS_RECOMMEND_REVIEW_TAB_C', {PRD_ID: getPrdId(), TAB_ID: $index});
   }
 });

 /*点击商品详情页底部店铺推荐和最近浏览中的商品时*/
  $('.recommend-content .img-list').on('click', 'li', function(){
    var $this = $(this);
    var relatedID = +$this.find('.goods-id').text();
    var option = {
      PRD_ID: getPrdId(),
      RELATED_ID: relatedID,
      TAB_ID : 1
    };
    yas.givePoint('YB_GDS_RECOMMEND_REVIEW_GOODS_C', option);
  });

  $('#latest-walk-goods').on('click', '.good', function(){
    var $this = $(this);
    var relatedID = +$this.find('a').attr('href').split('_')[1];
    var option = {
      PRD_ID: getPrdId(),
      RELATED_ID: relatedID,
      TAB_ID : 2
    };
    yas.givePoint('YB_GDS_RECOMMEND_REVIEW_GOODS_C', option);
  });

 // $('#package').click(function(){
 //    getPrdId();
 // });
// 数据懒加载
dataLazyLoad.init({cls: '.datalazyload', threshold: 0});