/**
 * Created by yoho on 2017-01-05.
 */

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

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

var $cartnewTips = $('.cartnew-tips'),
    $payWapper = $('.pay-wapper'),
    $cartnewSum = $('.cartnew-sum'),
    CART_ITEM_DEL_URL = '/cart/index/remove',
    CART_ITEM_FAV_URL = '/cart/index/fav',
    selColorWinTpl = require('hbs/cart/select-color-panel.hbs');

// 关闭温馨提示
$cartnewTips.find('.btn_close').click(function() {
    $cartnewTips.fadeOut();
});

// 滚动到第一个选中的商品
function scrollToFirst() {
    var $selected = $payWapper.find('li[data-role="pitem"] .cart-item-check.cart-item-checked:eq(0)');
    var top = 0;

    if ($selected.length > 0) {
        top = $selected.offset().top - 36;
        $('html,body').scrollTop(top);
    }

    return false;
}

function toggleCheckAllPros() {

}

// checkbox提交ajax
function choiceOut(items) {

    var skuList = $.isArray(items) ? items : [items];
    var hasPromotion = false;

    $.each(skuList, function(idx, it) {

        if (it.promotion_id) {
            hasPromotion = true;
            return false;
        }
    });

    return $.ajax({
        type: 'POST',
        dataType: 'json',
        url: '/cart/index/select',
        data: {
            skuList: JSON.stringify(skuList),
            hasPromotion: hasPromotion
        },
        beforeSend: function() {
            $('.loading').css({
                top: $(document).scrollTop() + 200
            });
            $('.loading').show();
        }
    }).then(function(d) {
        if (d.code === 200) {
            window.history.go(0);
        }
    });
}

/*
 * 1. 删除购物车商品，把删除的商品移入cookie中
 * 2. 移到收藏夹
 * data: 数据
 * tpe: true - 删除，默认 移入收藏夹
 */
function cartItemDel(items, type, cookieList) {

    var selList = $.isArray(items) ? items : [items];
    var hasPromotion = false;

    $.each(selList, function(idx, it) {
        if (it.promotion_id) {
            hasPromotion = true;
            return false;
        }
    });

    return $.ajax({
        type: 'POST',
        dataType: 'json',
        url: type === true ? CART_ITEM_DEL_URL : CART_ITEM_FAV_URL,
        data: {
            skuList: JSON.stringify(selList),
            hasPromotion: hasPromotion
        },
        beforeSend: function() {
            $('.loading').css({
                top: $(document).scrollTop() + 200
            });
            $('.loading').show();
        }
    }).then(function(d) {
        if (d.code === 200) {
            if (cookieList) {
                window.setCookie('cart-del-list', JSON.stringify(cookieList), {
                    domain: '.yohobuy.com',
                    path: '/'
                });
            }
            window.history.go(0);
        } else if (d.code === 300) {
            $('.loading').hide();
            new Alert(d.message).show();
        } else if (d.code === 403) {
            if (d.data.url) {
                window.location = d.data.url;
            }
        }
    });
}

// 购物车商品增减
var cartItemNumChg = (function(data) {

    var countBusy = false;   // 保证一次只请求完成前不能再次发起

    return function(data) {

        if (countBusy) {
            return;
        }

        countBusy = true;
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: '/cart/index/modifyNum',
            data: data
        }).then(function(d) {

            if (d.code === 200) {
                window.history.go(0);
            } else {
                new Alert(d.message === '' ? '加入购物车失败哦~~' : d.message).show();
            }
            countBusy = false;
        });
    };
})();

function getProductInfo(pid, skn) {
    return $.ajax({
        type: 'GET',
        url: '/cart/index/getProductData',  // '/product/item/getProductInfo',
        data: {
            productId: pid,
            skn: skn
        }
    }).done(function(res) {
        return res;
    });
}

// 加入购物车，弹出框中加入购物车
function addcart(data, cookieList) {
    $.ajax({
        type: 'POST',
        url: '/cart/index/add',
        data: data
    }).then(function(d) {
        if (d.code === 200) {
            window.history.go(0);
            if (cookieList) {
                window.setCookie('cart-del-list', JSON.stringify(cookieList), {
                    domain: '.yohobuy.com',
                    path: '/'
                });
            }
        } else {
            new Alert(d.message === '' ? '加入购物车失败哦~~' : d.message).show();
        }
    });
}

function parseProductInfo(productInfo, defaultInfo) {
    var index = 0;
    var colors;
    var colorsLen;
    var color;

    // 前端处理后的集合
    var filterSet = [];

    var sizeIdx;
    var curColor;
    var curSize;
    var hasActiveColor = false;
    var defaultColor = defaultInfo.color;
    var defaultSize = defaultInfo.size;
    var defaultImg;

    // 没有res.code
    if (productInfo.colors) {
        // 获取成功
        colors = productInfo.colors;
        colorsLen = colors.length;
        for (index; index < colorsLen; index++) {
            color = colors[index];

            // 迭代每一种颜色
            filterSet.push({
                pid: productInfo.productId,
                skn: productInfo.skn,
                name: color.name,
                src: color.src,
                focus: color.focus,
                title: color.title,
                sizes: color.size,
                pic: color.thumbs[0].shower,
                selectable: color.total > 0
            });
        }
    }

    // 默认选中用户选择的sku，若已售罄或下架，则选中列表中第一个非售罄的sku
    for (index = 0; index < filterSet.length; index++) {
        curColor = filterSet[index];

        if (!hasActiveColor && String(curColor.name) === String(defaultInfo.color)) {
            curColor.active = true;
            curColor.hasActiveColor = hasActiveColor = true;

            defaultImg = curColor.pic;
        }

        curSize = curColor.sizes;

        for (sizeIdx = 0; sizeIdx < curSize.length; sizeIdx++) {
            if (curColor.hasActiveColor && curSize[sizeIdx].sku === defaultInfo.sku) {
                // console.log(curSize[sizeIdx]);
                curSize[sizeIdx].sizeFocus = true;
                break;
            }
        }
    }

    // 若无对应颜色，则选中第一个颜色
    if (!hasActiveColor) {
        filterSet[0].active = true;
        defaultColor = filterSet[0].color;

        defaultImg = filterSet[0].pic;
    }

    return {
        colors: filterSet,
        defaultColor: defaultColor,
        defaultSize: defaultSize,
        defaultImg: defaultImg
    };
}

function updateCartItem(newSku, oldSku) {

    $.ajax({
        type: 'POST',
        url: '/shopping/cart/updateProduct',
        data: {
            swapData: JSON.stringify([{
                buy_number: '1',
                selected: 'Y',
                new_product_sku: newSku,
                old_product_sku: oldSku
            }])
        }
    }).then(function(d) {
        if (d.code === 200) {
            window.history.go(0);
        } else {
            new Alert(d.message === '' ? '修改商品失败哦~~' : d.message).show();
        }
    });
}

function renderAndShowSelWin($item, pinfo) {

    $item.find('.goods-choose-box').remove();
    var $selWin = $(selColorWinTpl(pinfo)).appendTo($item);
    $selWin.show();
}

var Cart = {
    addToCart: function(params) {

    },
    toggleSelectOne: function() { // 单选

        var $this = $(this);
        var $pitem = $this.closest('li[data-role="pitem"]');
        var item = {
            product_sku: $pitem.data('id'),
            selected: $this.hasClass('cart-item-checked') ? 'Y' : 'N',
            buy_number: $pitem.data('productnum'),
            goods_type: $pitem.data('goodstype'),
            promotion_id: $pitem.data('promotionid') ? $pitem.data('promotionid') : 0
        };

        return choiceOut(item);
    },
    toggleSelectAll: function() { // 全选

        var $this = $(this);
        var selected = $this.hasClass('cart-item-checked') ? 'Y' : 'N';
        var selectArray = [];

        $payWapper.find('.cart-item-check').each(function() {
            var $t = $(this);

            if ($t.data('id')) {
                selectArray.push({
                    product_sku: $t.data('id'),
                    selected: selected,
                    buy_number: $t.data('productnum'),
                    goods_type: $t.data('goodstype'),
                    promotion_id: $t.data('promotionid') || 0
                });
            }
        });

        choiceOut(selectArray);
    },
    del: function() {

        var $this = $(this);
        var $item = $this.closest('li[data-role="pitem"]');
        var selectArray = [];
        var content = '<div><span></span>删除商品</div><p>确定从购物车中删除此商品？</p>';
        var countJSON;

        selectArray.push({
            product_sku: $item.data('id'),
            buy_number: $item.data('productnum'),
            promotion_id: $item.data('promotionid') || 0
        });

        if (!$this.data('gift')) {
            countJSON = {
                productPrice: $item.find('.productPrice').text(),
                productTitle: $item.find('.pay-pro-info a').text(),
                link: $item.find('.pay-pro-info a').attr('href'),
                productNum: $item.data('productnum'),
                productSku: $item.data('id'),
                promotionId: $item.data('promotionid')
            };
        }

        new Confirm({
            content: content,
            cb: function() {
                cartItemDel(selectArray, true, countJSON);
            }
        }).show();
    },
    delAll: function() {

        var selectArray = [];
        var PromotionArray = [];
        var content = '<div><span></span>删除商品</div><p>确定从购物车中删除所有选中商品？</p>';

        $payWapper.find('.cart-item-check').each(function() {

            var $item = $(this);
            var $chk = $item.find('.cart-item-check');
            if ($chk.hasClass('cart-item-checked')) {

                if ($item.data('id')) {

                    selectArray.push({
                        product_sku: $item.data('id'),
                        buy_number: $item.data('productnum'),
                        promotion_id: $item.data('promotionid') || 0
                    });

                    PromotionArray.push({
                        productPrice: $item.find('.productPrice').text(),
                        productTitle: $item.find('.pay-pro-info a').text(),
                        link: $item.find('.pay-pro-info a').attr('href'),
                        productNum: $item.data('productnum'),
                        productSku: $item.data('id'),
                        promotionId: $item.data('promotionid')
                    });
                }
            }
        });

        if (!$.isEmptyObject(selectArray)) {
            new Confirm({
                content: content,
                cb: function() {
                    cartItemDel(selectArray, true, PromotionArray);
                }
            }).show();
        } else {
            new Alert('请至少选择一件商品').show();
        }
    },
    toFav: function() {

        var $this = $(this);
        var $item = $this.closest('li[data-role="pitem"]');
        var item = {
            product_sku: $item.data('id'),
            buy_number: $item.data('productnum'),
            promotion_id: $item.data('promotionid') ? $item.data('promotionid') : 0
        };

        cartItemDel(item);
    },
    toFavAll: function() {

        var selectArray = [];

        $payWapper.find('.cart-item-check').each(function() {

            var $item = $(this);
            var $chk = $item.find('.cart-item-check');
            if ($chk.hasClass('cart-item-checked')) {

                if ($item.data('id')) {
                    selectArray.push({
                        product_sku: $(this).data('id'),
                        buy_number: $(this).data('productnum'),
                        promotion_id: $item.data('promotionid') || 0
                    });
                }
            }
        });

        if (!$.isEmptyObject(selectArray)) {
            cartItemDel(selectArray);
        } else {
            new Alert('请至少选择一件商品').show();
        }
    },
    modNum: function() {
        var $this = $(this);
        var countJSON = {};
        var oprType = $this.hasClass('minus') ? 'decreaseNum' : 'increaseNum';

        countJSON[oprType] = 1;

        if ($this.siblings('input').val() === '1' && $this.hasClass('minus')) {
            return false;
        }

        cartItemNumChg($.extend(countJSON, {
            sku: $this.closest('li[data-role="pitem"]').data('id')
        }));
    },
    cleanAllDisable: function() {
        var selectArray = [];
        var PromotionArray = [];
        var content = '<div><span></span>删除商品</div><p>确定从购物车中删除所有选中商品？</p>';

        $payWapper.find('.cart-item-check').each(function() {

            var $item = $(this);
            var $chk = $item.find('.cart-item-check');
            if ($chk.hasClass('cart-item-checked')) {

                if ($item.data('id')) {

                    selectArray.push({
                        product_sku: $item.data('id'),
                        buy_number: $item.data('productnum'),
                        promotion_id: $item.data('promotionid') || 0
                    });

                    PromotionArray.push({
                        productPrice: $item.find('.productPrice').text(),
                        productTitle: $item.find('.pay-pro-info a').text(),
                        link: $item.find('.pay-pro-info a').attr('href'),
                        productNum: $item.data('productnum'),
                        productSku: $item.data('id'),
                        promotionId: $item.data('promotionid')
                    });
                }
            }
        });

        if (!$.isEmptyObject(selectArray)) {
            new Confirm({
                content: content,
                cb: function() {
                    cartItemDel(selectArray, true, PromotionArray);
                }
            }).show();
        } else {
            new Alert('请至少选择一件商品').show();
        }
    },
    showColorSizePanel: function() {

        var $this = $(this);
        var $item = $this.closest('li[data-role="pitem"]');
        var pinfo = $this.data('_p_info');
        var $selWin = $item.find('.goods-choose-box');
        var pid = $item.data('pid');
        var skn = $item.data('skn');
        var sku = $item.data('id');
        var defaultInfo = {
            color: $item.data('color'),
            size: $item.data('size'),
            pid: pid,
            sku: sku,
            skn: skn
        };

        $payWapper.find('.pay-pro-detail').removeClass('active');

        if ($selWin && $selWin.length && $selWin.is(':visible')) {
            $selWin.hide();
            return;
        }

        $item.find('.pay-pro-detail').addClass('active');
        $payWapper.find('.goods-choose-box').hide();


        if (!pinfo) {
            getProductInfo(pid, skn).done(function(productInfo) {

                pinfo = parseProductInfo(productInfo, defaultInfo);

                $this.data('_p_info', pinfo);
                renderAndShowSelWin($item, pinfo);
            }).fail(function() {
                new Alert('此商品无法编辑颜色和尺寸').show();
            });
            return;
        }

        renderAndShowSelWin($item, pinfo);
    },
    editColorOrSize: function() {

        var $this = $(this);
        var $item = $this.closest('li[data-role="pitem"]');
        var pid = $item.data('pid');
        var oldSku = $item.data('id');
        var $size = $this.closest('.goods-choose-box').find('.choose-size .dt.active');
        var newSku = $size.data('sku');

        // 没有重新选择颜色-尺码，则不用重新请求显示
        if (!oldSku || !newSku || oldSku === newSku) {
            Cart._hideColorSizePanel($item);
            return false;
        }

        updateCartItem(newSku, oldSku);
    },
    _hideColorSizePanel: function($item) {
        $item.find('.goods-choose-box').hide();
        $item.find('.pay-pro-detail').removeClass('active');
    },
    hideColorSizePanel: function(event) {
        var $this = $(this);

        event.stopPropagation();
        Cart._hideColorSizePanel($this.closest('li[data-role="pitem"]'));
    },
    selectColor: function() {
        var $this = $(this);
        var index = $this.index('.dt');
        var $srows = $this.closest('.goods-info').find('.choose-size .size-row');

        if ($this.hasClass('active')) return;

        $this.siblings('.dt').remove('active');
        $this.addClass('active');

        $srows.find('.dt').removeClass('active');
        $srows.hide();
        $srows.indexOf(index).show();

    },
    selectSize: function() {

        var $this = $(this);

        $this.siblings('.dt').removeClass('active');
        $this.addClass('active');
    },
    submit: function() {
        /* understock = '';
        if ($('.pay-wapper input:checked').parents('tr').find('.tipNoStore').length > 0) {
            shopName = $('.pay-wapper input:checked').parents('tr').find('.tipNoStore');
            $.each(shopName.parents('tr').find('.pay-pro-info a'), function() {
                understock += $(this).html();
            });
            new Alert(understock + '库存不足').show();
        } else {
            if ($('.zp').length > 0 && !$(this).attr('title')) {
                $(this).attr('title', '1');
                new Alert('您有赠品没有选择，请选择完再结算!').show();
            } else {
                if ($('input:checked').length > 0) {

                    // 添加埋点
                    var productId = [];
                    $('.pay-wapper input:checked').parents('tr').each(function() {
                        if ($(this).attr('data-pid')) {
                            productId.push($(this).attr('data-pid'));
                        }
                    });

                    // 结算点击埋点
                    window.addPoint('YB_SC_TOBUY_CLICK', {PRD_ID: productId.join(',')});


                    if ($('.pre-sell-box input:checked').length > 0) {
                        window.location.href = '/cart/index/orderEnsure?type=2';
                    } else {
                        window.location.href = '/cart/index/orderEnsure?type=1';
                    }
                } else {
                    new Alert('请至少选择一件商品').show();
                }
            }
        }*/
    }
};

module.exports = Cart;

$payWapper.one('click', 'li[data-role="pitem"] .cart-item-check', Cart.toggleSelectOne);    // 单选
$cartnewSum.one('click', '.cart-item-check', Cart.toggleSelectAll); // 全选
$payWapper.on('click', '.cart-del-btn', Cart.del);  // 删除商品
$cartnewSum.on('click', '.delAll', Cart.delAll);    // 批量删除商品
$payWapper.on('click', '.cart-remove-btn', Cart.toFav);  // 移入收藏夹
$cartnewSum.on('click', '.removeAll', Cart.toFavAll);   // 批量移入收藏夹商品
$payWapper.on('click', '.minus, .plus', Cart.modNum);   // 修改购物车数量
$cartnewSum.on('click', '.clean-all-disable', Cart.cleanAllDisable);
$('.btn_account').on('click', Cart.submit);    // 结算

$payWapper.on('click', 'li[data-role="pitem"] .pay-pro-detail', Cart.showColorSizePanel);
$payWapper.on('click', 'li[data-role="pitem"] .button-cancel', Cart.hideColorSizePanel);
$payWapper.on('click', 'li[data-role="pitem"] .button-sure', Cart.editColorOrSize);
$payWapper.on('click', 'li[data-role="pitem"] .goods-choose-box .choose-color .dt', Cart.selectColor);
$payWapper.on('click', 'li[data-role="pitem"] .goods-choose-box .choose-size .dt', Cart.selectSize);


// /  绑定颜色尺码弹窗事件 begin
/*
oldProductSku = editTarget.find('.current').attr('data-sku');

// rebind events(Tips依赖接口数据，so 不能delegate)
editTarget.find('#confirm').click(function(e) {
    e.preventDefault();

    newProductSku = editTarget.find('.current-sizes .active').attr('data-sku');

    // 没有重新选择颜色-尺码，则不用重新请求显示
    if (!oldProductSku || !newProductSku || newProductSku === oldProductSku) {
        editTarget.find('.edit-color-size').remove();
        return false;
    }

    Util.ajax({
        url: '/shopping/cart/updateProduct',
        type: 'PUT',
        data: {
            swapData: JSON.stringify([{
                buy_number: '1',
                selected: 'Y',
                new_product_sku: newProductSku,
                old_product_sku: oldProductSku
            }])
        },
        success: function(newCartData) {
            editTarget.find('.edit-color-size').remove();
            Util.refreshCart(newCartData);
            setEditable();
        }
    });
    return false;
});

editTarget.find('#cancel').click(function(e) {
    e.preventDefault();
    editTarget.find('.edit-color-size').remove();
    setEditable();
    return false;
});

editTarget.find('.edit-color-size').click(function(e) {
    e.preventDefault();
    return false;
});

editTarget.find('.color-item').click(function(e) {
    e.preventDefault();
    selectColor = $(this);
    if (!selectColor.hasClass('current-color')) {
        selectColor.addClass('current-color').siblings().removeClass('current-color');
        selectColor.parent().siblings('.current-sizes').hide().removeClass('current-sizes');
        editTarget.find('#' + selectColor.attr('data-target')).show().addClass('current-sizes')
            .end()
            .find('.right img').attr({
                src: selectColor.attr('data-imageurl'),
                title: selectColor.attr('data-title')
            })
            .end()
            .find('.selected-color').text(selectColor.attr('data-title'));
    }
    return false;
});

editTarget.find('.size-item').click(function() {
    var $this = $(this);

    if ($this.hasClass('active') || $this.hasClass('disabled')) {
        return;
    }

    $(this).addClass('active').siblings('.active').removeClass('active');
});

// 初始化size list选中项(其他颜色中第一个尺码)
editTarget.find('.sizes-list.mb10').each(function() {
    if ($(this).find('.active').length === 0) {
        $(this).find('.size-item:not(.disabled)').first().addClass('active');
    }
});*/

// /  绑定颜色尺码弹窗事件 end

// 显示赠品
var giftBtn = '[data-role=gift-view-btn],[data-role=gift-resel-btn],[data-role=gift-sel-btn]';

$('.shop-cart').on('click', giftBtn, function() {
    var mtext = $(this).closest('[data-role=promotion-wrap]').find('textarea[data-role=gifts-cansel]').text();
    var mhtml = $(this).closest('[data-role=promotion-wrap]').find('textarea[data-role=gifts-cansel]').html();
    console.log(mtext);
    console.log(mhtml);
    var textJson = $.parseJSON(mtext);
    var htmlJson = $.parseJSON(mhtml);

    console.log(textJson);
    console.log(htmlJson);

});

// 显示加价购