// const tip = require('../plugin/tip');
const filter = require('../plugin/filter');

// const loading = require('../plugin/loading');

require('product/search/list.page.css');
require('product/shop/redshop.page.css');

require('plugin/sticky');
require('./shop/coupon');

let Tab = require('plugin/tab');
let defaultOpt = require('../common/query-param');
let defaultOptCopy = {};

let $goodsContainer = $('#goods-container');
let $fsgc = $goodsContainer.children('.firstscreen-goods');
let $defaultgc = $goodsContainer.children('.default-goods');
let $ngc = $goodsContainer.children('.new-goods');
let $sgc = $goodsContainer.children('.sale-goods');
let $pgc = $goodsContainer.children('.price-goods');
let $dgc = $goodsContainer.children('.discount-goods');
let $listNav = $('#list-nav'); // 筛选项列表
let $pre = $listNav.find('.active'); // 记录进入筛选前的active项，初始为选中项

let allGoodsTabClickTimes = 0;

let navInfo = {
    price: {
        order: 1,
        reload: true,
        page: 0,
        end: false
    },
    discount: {
        order: 1,
        reload: true,
        page: 0,
        end: false
    },
    default: {
        order: 0,
        reload: true,
        page: 0,
        end: false
    },
    new: {
        order: 0,
        reload: true,
        page: 0,
        end: false
    },
    sale: {
        order: 0,
        reload: true,
        page: 0,
        end: false
    }
};

/**
 * 判断两个对象是否相等
 * @param {*} a
 * @param {*} b
 */
function isObjectValueEqual(a, b) {
    let aProps = Object.getOwnPropertyNames(a);
    let bProps = Object.getOwnPropertyNames(b);

    if (aProps.length != bProps.length) { // eslint-disable-line
        return false;
    }

    for (let i = 0; i < aProps.length; i++) {
        let propName = aProps[i];

        if (a[propName] !== b[propName]) {
            return false;
        }
    }
    return true;
}

/**
 * 获取商品列表
 */
function getGoodsList() {
    console.log('ok');
}

/**
 * 加载筛选数据
 */
function getFilter() {
    if (allGoodsTabClickTimes === 0 || !isObjectValueEqual(defaultOptCopy, defaultOpt)) {
        // 第一次点进来或者改变了筛选参数时调用

        defaultOptCopy = $.extend(true, {}, defaultOpt);
        allGoodsTabClickTimes++;
        $.ajax({
            type: 'GET',
            url: location.protocol + '//m.yohobuy.com/product/search/filter',
            data: defaultOpt,
            success: function(data) {
                $goodsContainer.append(data);

                // 初始化filter&注册filter回调
                filter.initFilter({
                    fCbFn: getGoodsList,
                    hCbFn: function() {

                        // 切换active状态到$pre上
                        $pre.addClass('active');
                        $pre.siblings('.filter').removeClass('active');
                    }
                });
            }
        });
    }
}

// 绑定 getfilter 方法，在点击全部商品时调用
Tab.prototype.getfilter = getFilter;
Tab.prototype.getgoodslist = getGoodsList;

$listNav.bind('contextmenu', function() {
    return false;
});

$listNav.on('touchend touchcancel', function(e) {
    var $this = $(e.target).closest('li'),
        nav,
        navType,
        $active;
    var bpIdData = $(this).find('.buriedpoint').attr('data-bp-id') || '';

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

        // 筛选面板切换状态
        if ($this.hasClass('active')) {
            filter.hideFilter();

            // 点击筛选钱的active项回复active
            $pre.addClass('active');
            $this.removeClass('active');
        } else {
            $pre = $this.siblings('.active');

            $pre.removeClass('active');
            $this.addClass('active');

            filter.showFilter();
        }
    } else {

        if ($this.hasClass('new')) {
            navType = 'new';
        } else if ($this.hasClass('price')) {
            navType = 'price';
        } else if ($this.hasClass('discount')) {
            navType = 'discount';
        } else if ($this.hasClass('default')) {
            navType = 'default';
        } else if ($this.hasClass('sale')) {
            navType = 'sale';
        }

        nav = navInfo[navType];

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

            // 默认、最新无排序切换
            if ($this.hasClass('default') || $this.hasClass('new')) {
                return;
            }

            if ($this.hasClass('price') || $this.hasClass('discount')) {

                // 价格/折扣切换排序状态
                $this.find('.icon > .iconfont').toggleClass('cur');
                $pre = $this; // 更新pre为当前项
                nav.reload = true; // 重置reload,HTML会被替换为逆序的HTML
                nav.order = nav.order === 0 ? 1 : 0; // 切换排序
            }
        } else {
            $active = $this.siblings('.active');

            $pre = $this; // $pre为除筛选导航的其他导航项，若当前active的为筛选，则把$pre置为当前点击项

            if ($active.hasClass('filter')) {

                // 若之前active项为筛选，则隐藏筛选面板
                filter.hideFilter();
            } else {

                // 切换container显示
                $goodsContainer.children('.container:not(.hide)').addClass('hide');

                switch (navType) {
                    case 'new':
                        $ngc.removeClass('hide');
                        break;

                    case 'price':
                        $pgc.removeClass('hide');
                        break;

                    case 'discount':
                        $dgc.removeClass('hide');
                        break;

                    case 'default':
                        $defaultgc.removeClass('hide');
                        $fsgc.removeClass('hide');
                        break;

                    case 'sale':
                        $sgc.removeClass('hide');
                        break;
                    default:
                        break;
                }
            }

            $active.removeClass('active');
            $this.addClass('active');
        }
        if (nav.reload) {
            $(document).trigger('shouldSendBpData', [bpIdData]);
            getGoodsList({filtering: true});
        }
    }
});