/**
 * 商品列表页
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2015/10/20
 */

require('product/shop/shop.page.css');
let $ = require('yoho-jquery'),
    Hammer = require('yoho-hammer'),
    ellipsis = require('yoho-mlellipsis'),
    lazyLoad = require('yoho-jquery-lazyload');


// 品牌页参数
let $brandHeader = $('#brand-header'),
    $introBox = $('#intro-box');

let filter = require('plugin/filter');

let writeSearch = require('../search/write-search');
let noResultHbs = require('product/search/no-result-new.hbs');
let tip = require('plugin/tip');
let loading = require('plugin/loading');

let $goodsContainer = $('#goods-container'),
    $defaultgc = $goodsContainer.children('.default-goods'),
    $ngc = $goodsContainer.children('.new-goods'),
    $pgc = $goodsContainer.children('.price-goods'),
    $dgc = $goodsContainer.children('.discount-goods');

let winH = $(window).height();

let $input = $('#search-input').find('input[name="query"]'),
    $clear = $('#search-input .clear-input'),
    $buriedpoint = $('.buriedpoint'),
    $search = $('#search');

let C_ID, filext = {}, total, argument;

let shopId, sort, brand, outlets, app_type, age_level, msort, misort,
    coin, app_version, first_load = true, searchFrom, oldquery;

// 默认筛选条件
let defaultOpt = require('common/query-param');

let $listNav = $('#list-nav'),

    // 导航数据信息
    navInfo = {
        newest: {
            order: 0,
            reload: true,
            page: 0,
            end: false
        },
        default: {
            order: 0,
            reload: true,
            page: 0,
            end: false
        },
        price: {
            order: 1,
            reload: true,
            page: 0,
            end: false
        },
        discount: {
            order: 1,
            reload: true,
            page: 0,
            end: false
        }
    },
    $pre = $listNav.find('.active'), // 纪录进入筛选前的active项，初始为选中项
    searching,
    btnIntroHammer,
    introHammer,
    brandColHammer;

require('common');

ellipsis.init();

C_ID = window._ChannelVary[window.cookie('_Channel')];

// pageCache 获取是否收藏
(function() {
    if ($('.domain').val()) {
        $.ajax({
            url: '/product/index/brandFav',
            data: {
                brandId: defaultOpt.brand
            },
            dataType: 'json',
            success: function(data) {
                if (data.collected) {
                    $('.brand-header .btn-col').addClass('coled');
                }
                $('.con').html(data.intro);
            },
            error: function() {
                tip.show('网络断开连接了~');
            }
        });
    } else if ($('.shopId').val().length > 0) {
        $.ajax({
            url: '/product/index/baseShopFav',
            data: {
                shopId: $('.shopId').val()
            },
            dataType: 'json',
            success: function(data) {
                if (data.is_favorite === 'Y') {
                    $('.brand-header .btn-col').addClass('coled');
                }
                $('.con').html(data.shop_intro);
            },
            error: function() {
                tip.show('网络断开连接了~');
            }
        });
    }
}());

// 搜索输入联动
function inputAction() {
    let $searchAssociate = $('.search-associate');
    let $icon = $('.search-icon');
    let $searchItems = $('.search-items');

    $input.on('input', function() {
        if ($input.val() === '') {
            $icon.css('color', '#b2b2b2');
            $clear.addClass('hide');
            $searchAssociate.html('');
            $searchItems.show();
            $searchAssociate.hide();
        } else {
            $icon.css('color', '#666');
            $clear.removeClass('hide');
            $searchAssociate.show();
        }

        // 联动搜索
        $.ajax({
            url: '/product/search/fuzzyDatas',
            data: {
                keyword: $input.val()
            },
            dataType: 'json',
            success: function(data) {
                let ajaxHtml = '';
                let i;

                if (data.length > 0) {
                    for (i = 0; i < data.length; i++) {
                        ajaxHtml += '<li><span class="keyword">' + data[i].keyword + '</span><span class="count">' +
                            data[i].count + ' items<i class="iconfont">&#xe614;</i></span></li>';
                    }

                    $searchAssociate.html(ajaxHtml);
                    $searchItems.hide();
                } else {
                    $searchAssociate.html('');
                }

                $searchAssociate.find('li').on('touchend', function() {
                    $buriedpoint.val($(this).find('.keyword').html());
                    $search.closest('form').submit();
                });
            },
            error: function() {
                tip.show('网络断开连接了~');
            }
        });
    });
}

inputAction();

$clear.on('touchend', function() {
    $input.val('').trigger('input');
});

/**
 * 手动触发搜索
 */
$search.on('touchend', function() {
    $(this).closest('form').submit();
    return false;
});

/**
 * 获取url参数
 */
function getQueryString(name) {
    let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
    let r = window.location.search.substr(1).match(reg);

    if (r !== null) {
        return window.unescape(r[2]);
    }
    return null;
}

shopId = getQueryString('shop_id');
sort = getQueryString('sort');
outlets = getQueryString('outlets');
age_level = getQueryString('age_level');
app_type = getQueryString('app_type');
msort = getQueryString('msort');
misort = getQueryString('misort');
coin = getQueryString('coin');
app_version = getQueryString('app_version') || getQueryString('appVersion');
searchFrom = getQueryString('from');
oldquery = getQueryString('query');

/**
 * 筛选注册的回调，筛选子项点击后逻辑
 * 需要执行search的场景：1.点选筛选项；2.relaod为true时切换导航；3.下拉加载
 * @param opt {type, id}
 */
function search(opt) {
    let setting = {},
        ext,
        att,
        nav,
        navType,
        page,
        $this,
        $title,
        params;

    if (searching) {
        return;
    }

    if (opt) {
        // 筛选项变更则重置reload为true
        for (att in navInfo) {
            if (navInfo.hasOwnProperty(att)) {
                navInfo[att].reload = true;
            }
        }

        // 处理active状态
        $listNav.children('.active').removeClass('active');
        $pre.addClass('active');
        switch (opt.type) {
            case 'shop_id':
                ext = {
                    shop_id: opt.id
                };
                break;
            case 'gender':
                ext = {
                    gender: opt.id
                };
                break;
            case 'brand':
                ext = {
                    brand: opt.id
                };
                break;
            case 'sort':
                ext = {
                    sort: opt.id
                };
                break;
            case 'color':
                ext = {
                    color: opt.id
                };
                break;
            case 'ageLevel':
                ext = {
                    age_level: opt.id
                };
                break;
            case 'size':
                ext = {
                    size: opt.id
                };
                break;
            case 'price':
                ext = {
                    price: opt.id
                };
                break;
            case 'discount':
                ext = {
                    discount: opt.id
                };
                break;
            case 'outlets':
                ext = {
                    outlets: opt.id
                };
                break;
            default:
                break;
        }

        $.extend(filext, ext);
        $.extend(defaultOpt, ext); // 扩展筛选项
    }

    // 导航类别
    if ($pre.hasClass('new')) {
        navType = 'newest';
    } else if ($pre.hasClass('price')) {
        navType = 'price';
    } else if ($pre.hasClass('discount')) {
        navType = 'discount';
    } else if ($pre.hasClass('default')) {
        navType = 'default';
    }
    nav = navInfo[navType];

    page = nav.page + 1;
    if (nav.reload) {
        page = 1;
    } else if (nav.end) {

        // 不需要重新加载并且数据请求结束
        return;
    }

    params = {
        type: navType,
        order: nav.order,
        page: page
    };

    if (shopId) {
        params.shop_id = shopId;
    }

    if (age_level) {
        params.age_level = age_level;
    }

    if (sort) {
        params.sort = sort;
    }

    if (brand) {
        params.brand = brand;
    }

    if (outlets) {
        params.outlets = outlets;
    }

    if (app_type) {
        params.app_type = app_type;
    }

    if (msort) {
        params.msort = msort;
    }

    if (misort) {
        params.misort = misort;
    }

    if (coin) {
        params.coin = coin;
    }

    if (app_version) {
        params.app_version = app_version;
    }

    if (searchFrom) {
        params.from = searchFrom;
    }

    $.extend(setting, defaultOpt, params);
    searching = true;
    if (setting.page >= 1) {
        loading.showLoadingMask();
    }

    argument = setting;

    // 如果page =1,默认是用户输入的搜索词，否则是推荐词
    if (setting.start !== 12 && setting.page === 1 && oldquery) {
        setting.query = oldquery;
    }

    $.ajax({
        type: 'GET',
        url: location.protocol + '//m.yohobuy.com/product/search/search',
        data: setting,
        xhrFields: {
            withCredentials: true
        },
        success: function(data) {
            let num,
                $container,
                goodIds = [],
                yasparm;

            switch (navType) {
                case 'newest':
                    $container = $ngc;
                    break;
                case 'price':
                    $container = $pgc;
                    break;
                case 'discount':
                    $container = $dgc;
                    break;
                case 'default':
                    $container = $defaultgc;
                    break;
                default:
                    break;
            }

            yasparm = {
                C_ID: C_ID,
                BRAND_ID: setting.shop_id,
                PAGE_NUM: setting.page,
                FILTER_VALUE: opt ? JSON.stringify(filext).replace(/\{|\}|\"/g, '') : '',
                SORT_TYPE: setting.type
            };


            if (data === '' || (data.list && data.list.length <= 0)) {
                nav.end = true;

                if (nav.reload) {
                    $container.html(noResultHbs());

                    yasparm = Object.assign(yasparm, {
                        PRD_LIST: '',
                        RES_QTY: 0
                    });

                    setTimeout(function() {
                        if (window._yas && window._yas.sendCustomInfo) {

                            window._yas.sendCustomInfo({
                                op: 'YB_BRAND_GOODS_LIST_L',
                                param: JSON.stringify(yasparm)
                            }, true);
                        }
                    }, 200);
                }
            } else {

                if (nav.reload) {

                    let goodList = [], wordContents = [];

                    $(data).each(function(i, goodInfo) {
                        if ($(goodInfo).hasClass('good-info')) {
                            goodList.push(goodInfo);
                            goodIds.push($(goodInfo).data('good-id'));
                        } else if ($(goodInfo).hasClass('total')) {
                            total = $(goodInfo).data('id');
                        } else if ($(goodInfo).hasClass('word-content')) {
                            wordContents.push(goodInfo);
                        }

                    });

                    yasparm = Object.assign(yasparm, {
                        PRD_LIST: JSON.stringify(goodIds).replace(/\[|\]/g, ''),
                        RES_QTY: total
                    });

                    setTimeout(function() {
                        if (window._yas && window._yas.sendCustomInfo) {
                            window._yas.sendCustomInfo({
                                op: 'YB_BRAND_GOODS_LIST_L',
                                param: JSON.stringify(yasparm)
                            }, true);
                        }
                    }, 200);

                    if (first_load) {
                        first_load = false;

                        // 移除头四个
                        goodList.splice(0, 4);
                        $container.append(goodList);
                    } else {
                        $container.html([].concat(wordContents, goodList));
                    }
                    lazyLoad($container.find('.lazy'));
                } else {
                    num = $container.find('.good-info').length;
                    $container.append(data);

                    if ($container.find('.total')) {
                        $container.find('.total').remove();
                    }

                    $container.find('.good-info:gt(' + (num - 1) + ')').each(function() {
                        let goodid = $(this).data('good-id');

                        if (goodid) {
                            goodIds.push(goodid);
                        }
                    });

                    yasparm = Object.assign(yasparm, {
                        PRD_LIST: total,
                        RES_QTY: JSON.stringify(goodIds).replace(/\[|\]/g, '')
                    });

                    setTimeout(function() {
                        if (window._yas && window._yas.sendCustomInfo) {
                            window._yas.sendCustomInfo({
                                op: 'YB_BRAND_GOODS_LIST_L',
                                param: JSON.stringify(yasparm)
                            }, true);
                        }
                    }, 200);

                    // lazy good-infos who append in
                    lazyLoad($container.find('.good-info:gt(' + (num - 1) + ') .lazy'));
                }

            }
            nav.reload = false;
            nav.page = page;

            searching = false;
            loading.hideLoadingMask();

            window.rePosFooter();

            $('.good-detail-text .name').each(function() {
                $this = $(this);
                $title = $this.find('a');

                $title[0].mlellipsis(2);
            });

            // 用于统计点击了商品列表的第几个商品，序号从1开始计算。
            if (window._yas) {
                switch (navType) {
                    case 'newest':
                        window._yas(1 * new Date(), '1.0.16', 'yohobuy_m', window._ozuid,
                            '', $('.new-goods .good-info .good-detail-img .good-thumb'));
                        break;
                    case 'price':
                        window._yas(1 * new Date(), '1.0.16', 'yohobuy_m', window._ozuid,
                            '', $('.price-goods .good-info .good-detail-img .good-thumb'));
                        break;
                    case 'discount':
                        window._yas(1 * new Date(), '1.0.16', 'yohobuy_m', window._ozuid,
                            '', $('.discount-goods .good-info .good-detail-img .good-thumb'));
                        break;
                    case 'default':
                        window._yas(1 * new Date(), '1.0.16', 'yohobuy_m', window._ozuid,
                            '', $('.default-goods .good-info .good-detail-img .good-thumb'));
                        break;
                    default:
                        break;
                }
            }
        }
    });

}

require('common/suspend-cart'); // 悬浮购物车
/* tar add 160914 */
if ($brandHeader.data('isbaseshop') === true) {
    Object.assign(defaultOpt, {shop_id: $brandHeader.data('id')});
}


$.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: search,
            hCbFn: function() {

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

lazyLoad($('.lazy'));

writeSearch.bindWirteLocal($('#search-form'));

// 导航栏点击逻辑说明：
// 1.点击非active项时切换active状态
// 2.价格和折扣active状态时继续点击切换排序
// 3.筛选无active时点击展开筛选面板
// 4.筛选有active时点击隐藏筛选面板并恢复点击筛选前active项的active状态
// 5.当前active为筛选并且点击其他项时，隐藏筛选面板

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

$listNav.on('touchend touchcancel', function(e) {
    let $this = $(e.target).closest('li'),
        nav,
        navType,
        $active;
    let 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 = 'newest';
        } else if ($this.hasClass('price')) {
            navType = 'price';
        } else if ($this.hasClass('discount')) {
            navType = 'discount';
        } else if ($this.hasClass('default')) {
            navType = 'default';
        }

        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 'newest':
                        $ngc.removeClass('hide');
                        break;

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

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

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

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

function scrollHandler() {

    // 当scroll到1/4$goodsContainer高度后继续请求下一页数据
    if ($(window).scrollTop() + winH >
        $(document).height() - 0.25 * $goodsContainer.height()) {
        search();
    }
}

// srcoll to load more
$(window).scroll(function() {
    window.requestAnimationFrame(scrollHandler);
});

if ($brandHeader.length > 0) {

    // 品牌介绍
    btnIntroHammer = new Hammer($brandHeader.children('.btn-intro')[0]);
    btnIntroHammer.on('tap', function() {
        $introBox.removeClass('hide');

        // 防止混合scroll发生
        $('body').addClass('overflow-hidden');
    });

    // 关闭品牌介绍
    introHammer = new Hammer(document.getElementById('intro-box'));
    introHammer.on('tap', function(e) {
        let $this = $(e.target);

        e.srcEvent.preventDefault();

        // 关闭品牌介绍box
        if ($this.closest('#brand-intro').length === 0 || $this.hasClass('close-intro')) {
            $introBox.addClass('hide');
            $('body').removeClass('overflow-hidden');
        }
    });

    // 品牌收藏
    brandColHammer = new Hammer($brandHeader.children('.btn-col')[0]);
    brandColHammer.on('tap', function(e) {
        let $this = $(e.target).closest('.btn-col');

        let id = $brandHeader.data('id'),
            opt;

        if ($this.hasClass('coled')) {
            opt = 'cancel';
        } else {
            opt = 'ok';
        }

        $.ajax({
            type: 'GET',
            url: location.protocol + '//m.yohobuy.com/product/opt/favoriteBrand',
            data: {
                id: id,
                opt: opt,
                type: $brandHeader.data('isbaseshop') ? 'shop' : 'brand'
            },
            xhrFields: {
                withCredentials: true
            },
            success: function(data) {
                if (data.code === 200) {
                    $this.toggleClass('coled');

                    // 提示
                    if (opt === 'ok') {
                        tip.show('添加收藏成功');
                    } else {
                        tip.show('取消收藏成功');
                    }
                } else if (data.code === 400) {
                    location.href = data.data;// 未登录跳转登录页
                } else {
                    tip.show(data.message);
                }
            },
            error: function() {
                tip.show('网络断开连接了~');
            }
        });
    });
}

// 初始请求最新第一页数据
search();

$listNav.on('touchstart', 'li', function() {
    $listNav.find('li').removeClass('bytouch');
    $(this).addClass('bytouch');
}).on('touchend touchcancel', 'li', function() {
    $listNav.find('li').removeClass('bytouch');
});

require('common/footer');
require('./coupon');

// 点击事件埋点
$('#goods-container').on('click', '.good-info', function() {
    let PRD_ID = $(this).data('good-id'),
        PRD_NUM = $(this).index() + 1,
        FILTER_VALUE = filext ? JSON.stringify(filext).replace(/\{|\}|\"/g, '') : '';

    if (window._yas && window._yas.sendCustomInfo) {
        window._yas.sendCustomInfo({
            op: 'YB_BRAND_GOODS_LIST_C',
            param: JSON.stringify({
                C_ID: C_ID,
                PRD_ID: PRD_ID,
                PRD_NUM: PRD_NUM,
                PAGE_NUM: Math.ceil(PRD_NUM / 60),
                FILTER_VALUE: FILTER_VALUE,
                SORT_TYPE: argument ? argument.type : ''
            })
        }, true);
    }

    // return false;
});

require('channel/maybe-like')({recpose: 100101, isExecute: true});