/**
 * 个人中心--我的订单
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2015/11/10
 */

require('layout/_modal.css');
require('home/order-list.page.css');

let $ = require('yoho-jquery'),
    Hammer = require('yoho-hammer'),
    lazyLoad = require('yoho-jquery-lazyload'),
    tip = require('plugin/tip'),
    Swiper = require('yoho-swiper');

let $navLi = $('#order-nav > li'),
    $orderContainer = $('#order-container');

let $curContainer = $orderContainer.children('.orders:not(.hide)');// 保存当前显示的order-container

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

let activeType = $navLi.filter('.active').data('type'); // 当前active的项的index

let order = {
    page: 1,
    end: false
};

let inAjax = false;

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

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

let orderHammer,
    $reaMask = $('.reason-mask'),
    $refundReaMask = $('.refund-reason-mask'),
    reasonSwiper,
    refundReasonSwiper;

// 首屏加载标志
let firstScreen = $('.firstscreen-orders').children().size() > 0;

require('common');
require('plugin/modal.alert');

// 减少计时
function downCount(item) {
    let hoursItem = item.find('.hours');

    let difference = hoursItem.text(), // difference of dates
        interval;

    /**
     * Main downCount function that calculates everything
     */
    function countdown() {

        // basic math variables
        let _second = 1000,
            _minute = _second * 60,
            _hour = _minute * 60,
            _day = _hour * 24,
            hours,
            minutes,
            seconds;

        // calculate dates
        hours = Math.floor((difference % _day) / _hour);
        minutes = Math.floor((difference % _hour) / _minute);
        seconds = Math.floor((difference % _minute) / _second);

        // fix dates so that it will show two digets
        hours = (String(hours).length >= 2) ? hours : '0' + hours;
        minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes;
        seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;

        // set to DOM
        item.removeClass('hide');
        if (hours === '00') {
            hoursItem.text('剩余' + minutes + ':' + seconds);
        } else {
            hoursItem.text('剩余' + hours + ':' + minutes + ':' + seconds);
        }

        difference -= 1000;

        if (difference <= 0) {
            clearInterval(interval);// stop timer
            return;
        }
    }
    if (difference !== '' && difference > 0) {
        interval = setInterval(countdown, 1000);// start
    }
}

//  初始化时间
function setTime() {

    $('.order').each(function() {
        let item = $(this).find('.count-down');

        if (!$(this).hasClass('hide')) {
            downCount(item);
        }
    });
}

// 加载订单
function getOrders(option) {
    let opt = {
        type: activeType,
        page: order.page + 1
    };
    let show = option && !option.noLoadingMask;

    if (firstScreen) {
        // 如果首屏加载了，则去掉10条记录
        opt.start = 10;
    }

    if (inAjax) {
        return;
    }

    inAjax = true;
    show && loading.showLoadingMask();

    $.ajax({
        type: 'GET',
        url: '/home/getOrders',
        data: opt,
        success: function(data) {
            let num;

            if (data) {
                order.page = opt.page;

                if (opt.page === 1) {
                    $curContainer.html(data);
                    lazyLoad($curContainer.find('.lazy'), {
                        try_again_css: 'order-failure'
                    });
                } else {
                    num = $curContainer.children('.order').length;
                    $curContainer.append(data);

                    // lazyload
                    lazyLoad($curContainer.children('.order:gt(' + (num - 1) + ')').find('.lazy'), {
                        try_again_css: 'order-failure'
                    });
                }

                window.rePosFooter(); // 重新计算底部位置
            } else {
                if (opt.page > 1) {
                    return;
                }
                $curContainer.html('<div class="no-order"><div class="icon"></div><span>' +
                    '你还没有订单!</span><a class="walk-way" href="//m.yohobuy.com/product/new">随便逛逛</a></div>');
                order.end = true;
            }

            inAjax = false;
            show && loading.hideLoadingMask();
            setTime();
        }
    });

    // 还原参数
    firstScreen = false;
}

lazyLoad({
    try_again_css: 'order-failure'
});

// 初始化导航
(function() {
    let liCount = $navLi.length;

    setTime();

    // 默认4个导航项
    if (liCount === 4) {
        return;
    }

    $navLi.width(100 / liCount + '%');
}());

loading.init($('body')); // 满屏loading

// 点击订单区域跳转订单详情页
orderHammer = new Hammer(document.getElementById('order-container'));
orderHammer.on('tap', function(e) {
    let $cur = $(e.target),
        $order,
        id,
        url;

    if ($cur.closest('.locHref').length > 0) {
        return;
    }

    $order = $cur.closest('.order');
    id = $order.data('id');

    $reaMask.data('orderId', id);
    $refundReaMask.data('orderId', id);

    if ($cur.closest('.del').length > 0) {

        // Order delete
        dialog.showDialog({
            dialogText: '确定删除订单吗？',
            hasFooter: {
                leftBtnText: '取消',
                rightBtnText: '确定'
            }
        }, function() {
            $.ajax({
                type: 'GET',
                url: '/home/delOrder',
                data: {
                    id: id
                },
                success: function(data) {
                    dialog.hideDialog();
                    if (data.message) {
                        tip.show(data.message);
                    }
                    if (data.code === 200) {

                        // 删除订单页面刷新
                        window.location.reload();
                    }
                },
                error: function() {
                    tip.show('取消订单失败');
                }
            });
        });
    } else if ($cur.closest('.cancel').length > 0) {
        // 取消订单
        dialog.showDialog({
            dialogText: '取消订单后，本单享有的优惠可能会一并取消，确定申请吗？',
            hasFooter: {
                leftBtnText: '返回',
                rightBtnText: '确定'
            }
        }, function() {
            dialog.hideDialog();
            $reaMask.css('visibility', 'visible');
        });
    } else if ($cur.closest('.refund').length > 0) {
        // 申请退款

        // 埋点
        if (window._yas && window._yas.sendCustomInfo) {
            window._yas.sendCustomInfo({
                op: 'YB_ORDER_REFUND_C',
                param: JSON.stringify({
                    C_ID: window._ChannelVary[window.cookie('_Channel')],
                    ORD_NUM: id + ''
                })
            }, true);
        }

        dialog.showDialog({
            dialogText: '申请退款后，本单享有的优惠可能会一并取消，确定申请吗？',
            hasFooter: {
                leftBtnText: '返回',
                rightBtnText: '确定'
            }
        }, function() {
            dialog.hideDialog();
            $refundReaMask.css('visibility', 'visible');
        });
    } else if ($cur.closest('.order-goods').length > 0) {

        // Location to order detail
        url = $order.data('href');
        location.href = url;
    } else if ($cur.closest('.rebuy').length > 0) {
        $.ajax({
            type: 'GET',
            url: '/home/readd',
            data: {
                orderCode: id
            },
            success: function(res) {
                tip.show(res.message);
                location.href = '/cart/index/index';
            },
            error: function(res) {
                tip.show(res.message);
            }
        });
    } else if ($cur.closest('.btn-add-change').length > 0) {
        // 修改地址埋点
        if (window._yas && window._yas.sendCustomInfo) {
            window._yas.sendCustomInfo({
                op: 'YB_ORDER_MODIFY_ADDRESS_C',
                param: JSON.stringify({
                    C_ID: window._ChannelVary[window.cookie('_Channel')],
                    ORD_NUM: id + ''
                })
            }, true);
        }
    } else if ($cur.closest('.after-sales').length) {
        dialog.showDialog({
            dialogText: 'WAP端暂不支持该功能，请至有货APP进行操作',
            hasFooter: {
                centerBtnText: '我知道了'
            }
        });
    }
});

function scrollHandler() {
    if (!order.end && $(window).scrollTop() + winH >
        $(document).height() - 0.25 * $orderContainer.height()) {

        // 下拉请求时不显示mask
        getOrders({
            noLoadingMask: true
        });
    }
}

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

// 初始化请求第一页数据
// getOrders();

$(function() {
    reasonSwiper = new Swiper('.box-main', {
        direction: 'vertical',
        slidesPerView: 5,
        centeredSlides: true,
        initialSlide: 0,
        onSlideChangeStart: function(reasonSwiper) {//eslint-disable-line
            let activeIndex = reasonSwiper.activeIndex,
                slides = reasonSwiper.slides,
                i = 0;

            if (slides.length !== 1) {
                if (activeIndex === 0) {
                    for (i = 1; i < slides.length; i++) {
                        $(slides[i]).css('transform', '');
                    }
                } else if (activeIndex === slides.length - 1) {
                    for (i = 0; i < activeIndex; i++) {
                        $(slides[i]).css('transform', 'rotateX(' + (30 + (activeIndex - i) * 12) + 'deg)');
                    }
                } else {
                    for (i = 0; i < activeIndex; i++) {
                        $(slides[i]).css('transform', 'rotateX(' + (30 + (activeIndex - i) * 12) + 'deg)');
                    }
                    for (i = activeIndex + 1; i < slides.length; i++) {
                        $(slides[i]).css('transform', '');
                    }
                }
            }
            $(slides[activeIndex]).css('transform', '');
        }
    });

    // 申请退款 Swiper
    refundReasonSwiper = new Swiper('.refund-box-main', {
        direction: 'vertical',
        slidesPerView: 5,
        centeredSlides: true,
        initialSlide: 0,
        onSlideChangeStart: function(refundReasonSwiper) {//eslint-disable-line
            let activeIndex = refundReasonSwiper.activeIndex,
                slides = refundReasonSwiper.slides,
                i = 0;

            if (slides.length !== 1) {
                if (activeIndex === 0) {
                    for (i = 1; i < slides.length; i++) {
                        $(slides[i]).css('transform', '');
                    }
                } else if (activeIndex === slides.length - 1) {
                    for (i = 0; i < activeIndex; i++) {
                        $(slides[i]).css('transform', 'rotateX(' + (30 + (activeIndex - i) * 12) + 'deg)');
                    }
                } else {
                    for (i = 0; i < activeIndex; i++) {
                        $(slides[i]).css('transform', 'rotateX(' + (30 + (activeIndex - i) * 12) + 'deg)');
                    }
                    for (i = activeIndex + 1; i < slides.length; i++) {
                        $(slides[i]).css('transform', '');
                    }
                }
            }
            $(slides[activeIndex]).css('transform', '');
        }
    });
});

$reaMask.find('.box-cmp').on('touchend', function() {
    let selSolid = reasonSwiper.slides[reasonSwiper.activeIndex],
        reason = $(selSolid).text(),
        reasonId = $(selSolid).data('reasonId');

    $.ajax({
        type: 'GET',
        url: '/home/cancelOrder',
        data: {
            id: $reaMask.data('orderId'),
            reason: reason,
            reasonId: reasonId
        }
    }).then(function(res) {
        $reaMask.css('visibility', 'hidden');
        if ($.type(res) !== 'object') {
            return;
        }

        if (res.message) {
            tip.show(res.message);
        }

        if (res.code === 200) {
            setTimeout(function() {
                window.location.href = '/home/orders';
            }, 500);
        }
    }).fail(function() {
        tip.show('网络错误');
    });
});

// 申请退款
$refundReaMask.find('.box-cmp').on('touchend', function() {
    let selSolid = refundReasonSwiper.slides[refundReasonSwiper.activeIndex],
        reason = $(selSolid).text(),
        reasonId = $(selSolid).data('reasonId');

    $.ajax({
        type: 'GET',
        url: '/home/refundApply',
        data: {
            id: $refundReaMask.data('orderId'),
            reason: reason,
            reasonId: reasonId
        }
    }).then(function(res) {
        $refundReaMask.css('visibility', 'hidden');
        if ($.type(res) !== 'object') {
            return;
        }

        if (res.code === 200) {
            dialog.showDialog({
                dialogText: '您的退款申请已提交，请耐心等待退款',
                hasFooter: {
                    leftBtnText: '返回',
                    rightBtnText: '确定'
                }
            }, function() {
                window.location.href = '/home/orders';
            });

            return false;
        }

        if (res.message) {
            tip.show(res.message);
        }
    }).fail(function() {
        tip.show('网络错误');
    });
});

$reaMask.on('touchend', function(event) {
    if (event.target.className !== 'reason-mask') {
        return false;
    }

    $reaMask.css('visibility', 'hidden');
    event.stopPropagation();
});

// 申请退款
$refundReaMask.on('touchend', function(event) {
    if (event.target.className !== 'refund-reason-mask') {
        return false;
    }

    $refundReaMask.css('visibility', 'hidden');
    event.stopPropagation();
});

$('.nav-tap').on('click', function(e) {
    let $cur = $(e.target);

    location.replace($cur.data('url'));
});