/**
 * 商品详情页
 * @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 bindEvent = $.Callbacks(); // eslint-disable-line
var clickAcquireCouponEvent = $.Callbacks('unique'); // eslint-disable-line

var $main = $('.main'),
    id = $main.data('id'),
    md5 = $main.data('md5'),
    skn = $main.data('skn'),
    deposit = $main.data('deposit') === 'Y',
    secKill = $main.data('seckill') === 'Y',
    limitCode = $main.data('limitcode');

var SLIDETIME = 200;

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

var oldtatus = {
    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 $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 $enableNofifyGoods = $('#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 maxStock = -1; // 记录当前选中的颜色-尺码的库存量，若为-1，代表未选择尺码

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

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

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

    var $moreCoupon = $('.more-coupon');

    var $couponItem = $('.coupon-item');

    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
            }
        };

        new Dialog({
            content: dialogTpl({coupon: couponData}),
            className: 'coupon-big'
        }).show();

        e.stopPropagation();
    }

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

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

    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();
        });
    }

    /**
     * 获取当前选择的商品数目
     * @return [Number]
     */

    function getNum() {
        return +$num.text();
    }

    // 重置Num显示为1
    function resetNum() {
        $num.text('1');

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

            // 数目为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)) {
            $itemBuy.addClass('hide'); // 隐藏加入购物车、即将开售、立即购买等相同位置的按钮
            $soldOut.removeClass('hide');
            $enableNofifyGoods.removeClass('hide');
        } else {
            // 包括默认的-1情况下
            $itemBuy.removeClass('hide');
            $soldOut.addClass('hide');
            $enableNofifyGoods.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;
            }

            imgShow($imgs.first().data('shower'));

            // 切换详细信息的颜色显示
            $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() {
        imgShow($(this).data('shower'));
    });

    // 尺码
    $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();

        resetNum();
    }).on('click', '.size-ruler', function() {

        // 尺码帮助

        $('body,html').animate({
            scrollTop: $('.size-info').offset().top
        }, 300);
    });

    // 增加购买数量
    $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 === 1) {
            $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 === 2) {
            $(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: getSku(), 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.def);
                } 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();
        }
    }());

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

    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(oldtatus.txt);
                    $ele.find('.coupon-go').empty().append(oldtatus.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);
        }
    }

    // 清定原来的事件，增加新的事件
    clickAcquireCouponEvent.empty();
    clickAcquireCouponEvent.add(acquireCoupon);
});

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

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

// 优惠券的领取
$(document).on('click', '.status', function() {
    clickAcquireCouponEvent.fire($(this));
});

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

    $.ajax({
        type: 'POST',
        url: '/product/index/favoriteBrand',
        data: {
            brandId: $this.data('id'),
            type: type
        }
    }).then(function(data) {
        if (data.code === 200) {
            $this.toggleClass('coled');
        } else if (data.code === 403) {
            location.href = data.data.url;
        }
    });
});

// 商品详情/材质洗涤切换
// $('.description-material').on('click', '.title', function() {
//     var $this = $(this),
//         index = $this.index();
//
//     var $description = $('.description-content'),
//         $material = $('.material-content');
//
//     if ($this.hasClass('cur')) {
//         return;
//     }
//
//     $this.addClass('cur');
//     $this.siblings('.cur').removeClass('cur');
//
//     if (index === 0) {
//
//         // 商品信息
//         $description.slideDown(SLIDETIME);
//         $material.slideUp(SLIDETIME);
//     } else {
//         $description.slideUp(SLIDETIME);
//         $material.slideDown(SLIDETIME);
//     }
// });

// $('.description-material-tab').on('click', '.title', function() {
//     var $this = $(this),
//         index = $this.index();
//
//     var $sizeContent = $('.size-content'),
//         $modelContent = $('.model-content');
//
//     if ($this.hasClass('cur')) {
//         return;
//     }
//
//     $this.addClass('cur');
//     $this.siblings('.cur').removeClass('cur');
//
//     if (index === 0) {
//
//         // 商品信息
//         $sizeContent.slideDown(SLIDETIME);
//         $modelContent.slideUp(SLIDETIME);
//     } else {
//         $sizeContent.slideUp(SLIDETIME);
//         $modelContent.slideDown(SLIDETIME);
//     }
// });

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

    var html = {
        def: '&#xe610;',
        spread: '&#xe615;'
    };

    if ($content.css('display') === 'none') {
        $content.slideDown(SLIDETIME);

        $this.find('.triangle').html(html.spread);
    } else {
        $content.slideUp(SLIDETIME);

        $this.find('.triangle').html(html.def);
    }
});

// 商品详情区的热点
function fetchHotArea() {
    $.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 = fetchHotArea;

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

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

    var commentsTpl = require('hbs/product/comment-item.hbs'),
        consultsTpl = require('hbs/product/consult-item.hbs'),
        $consultsUl = $('#consults-ul'),
        $consultNum = $('.consult-num'),
        loadingComments,
        loadingConsults;

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

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

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

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

            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);
                            }
                        }
                    });
                }

                $ul.append(commentsTpl({
                    comments: res
                }));
                commentPage[type]++;
            }
        }).always(function() {
            loadingComments = false;
        });
    }

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

        loadingConsults = true;

        $.ajax({
            type: 'GET',
            url: '/product/detail/consult',
            data: {
                productId: id,
                page: consultPage
            }
        }).then(function(data) {
            var res;

            if (data.code === 200) {
                res = data.data;

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

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

                $consultsUl.append(consultsTpl({
                    consults: res
                }));
                consultPage++;
            }
        }).always(function() {
            loadingConsults = false;
        });
    }


    // $('.consult-comment').on('click', '.title', function() {
    //     var $this = $(this),
    //         index = $this.index();
    //
    //     var $comments = $('.comments'),
    //         $consults = $('.consults');
    //
    //     if ($this.hasClass('cur')) {
    //         return;
    //     }
    //
    //     $this.addClass('cur');
    //     $this.siblings('.cur').removeClass('cur');
    //
    //     if (index !== 0) {
    //
    //         // 咨询
    //         $consults.slideDown(SLIDETIME);
    //         $comments.slideUp(SLIDETIME);
    //     } else {
    //         $consults.slideUp(SLIDETIME);
    //         $comments.slideDown(SLIDETIME);
    //     }
    // }).on('click', '.load-more', function() {
    //     var $this = $(this);
    //
    //     if ($this.hasClass('load-more-comments')) {
    //         loadAllComments(currentType);
    //     } else {
    //         loadConsults();
    //     }
    // });

    $('.consult-comment').on('click', '.load-more', function() {
        var $this = $(this);

        if ($this.hasClass('load-more-comments')) {
            loadAllComments(currentType);
        } else {
            loadConsults();
        }
    });

    // 我要咨询
    $('#consults-btn').click(function() {

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

    // 提交咨询
    $('#submit-consult').click(function() {
        var $this = $(this),
            $parent = $this.closest('.new-consult'),
            $textarea = $parent.find('.my-consult'),
            content = $.trim($textarea.val());

        var $consultWarn = $parent.find('.consult-warn');

        var pass = true;

        if (content === '') {
            $textarea.addClass('error');
            $consultWarn.removeClass('hide');

            pass = false;
        } else {
            $textarea.removeClass('error');
            $consultWarn.addClass('hide');
        }

        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) {
                $parent.addClass('hide');

                $parent.siblings('.consult-success').removeClass('hide');

                // 清空输入
                $textarea.val('');
            } else if (code === 400) {

                // 跳转登录页
                location.href = data.data.refer;
            }
        });
    });

    // 评论类型的切换
    $('.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);
    loadConsults();
}

window.fetchComment = fetchComment;

// 购买评价的相关事件
$('.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)');
});


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) {
            if (pro.length === 0) {
                $('#recommend-shop').detach();
                fetchLatestWalk();  // eslint-disable-line
                return;
            }

            $('.individual-comment').find('.block-title .title').eq(0).removeClass('hide').addClass('cur');
            $('.individual-comment').find('.block-title .title').eq(1).removeClass('cur');
            $('.individual-comment').find('.block-title').find('.sep').removeClass('hide');

            $('#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 {
            $('.individual-comment').find('.block-title .title:first-child').addClass('hide');
            $('.individual-comment').find('.block-title').find('.title').addClass('cur').prev('.sep').addClass('hide');
            $('#recommend-shop').detach();
        }

        // 页面加载完，埋点
        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.loadRecommend = loadRecommend;

// 推荐和浏览切换
// $('.individual-comment').on('click', '.title', function() {
//     var $this = $(this),
//         index = $this.index();
//
//     var $latestWalk = $('.latest-walk'),
//         $recommendComment = $('#recommend-shop');
//
//     if ($this.hasClass('cur')) {
//         return;
//     }
//
//     $this.addClass('cur');
//     $this.siblings('.cur').removeClass('cur');
//
//     if (index === 0) {
//         // 店铺推荐
//         $recommendComment.slideDown(SLIDETIME);
//         $latestWalk.slideUp(SLIDETIME);
//     } else {
//         // 最近游览
//         fetchLatestWalk();  // eslint-disable-line
//         $recommendComment.slideUp(SLIDETIME);
//         $latestWalk.slideDown(SLIDETIME);
//     }
// });

$('.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);
    } else {
        // 最近游览
        fetchLatestWalk();  // eslint-disable-line
        $recommendComment.slideUp(SLIDETIME);
        $latestWalk.slideDown(SLIDETIME);
    }

});



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

// 特殊商品退换货
function fetchReturn() {
    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 = fetchReturn;

// 首屏加载后，对比数据是否变化，如果变化，重新渲染，重新绑定事件
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(); // 重新绑定事件
        }
    });

    // 品牌收藏
    $.ajax({
        type: 'GET',
        url: '/product/index/isfav',
        data: {
            brandId: $('#brand-favour').data('id')
        }
    }).then(function(result) {
        if (result.code === 200 && result.data) {
            $('#brand-favour').addClass('coled');
        }
    });

}());

// 数据懒加载
dataLazyLoad.init({cls: '.datalazyload', threshold: 0});