/**
 * stu页面
 * @author: da<hongwei.gao@yoho.cn>
 * @date: 2016/08/8
 */
var $ = require('yoho-jquery'),
    lazyLoad = require('yoho-jquery-lazyload'),
    handlebars = require('yoho-handlebars');

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

var authProtocolTpl = require('hbs/product/students/auth-protocol.hbs');

var $sortItem = $('.sort-item'),
    $agreenShow = $('#agreen-show'),
    $stuProv = $('#stu-province-show'),
    $stuSchool = $('#stu-school-show'),
    $stuEdu = $('#stu-edu-show'),
    $stuYear = $('#stu-entrance-year-show'),
    $stuYearWrap = $stuYear.parent(),
    $identityForm = $('#identity-form'),
    $identityWrap = $('#identity-wrap'),
    $rightsItem = $('#stuRights .stu-rights-item'),
    rightsText = '';

var $rightDia = $('#rights-dia'),
    $couponDia = $('#coupon-dia');

var provFn,
    identityFn;

var alertConfig,
    makeAlert,
    identityFlag = false;

// j面跳转对象
var redirect = {

    // 去逛逛跳转链接
    gunangSrc: null,

    // 查看优惠券跳转链接
    checkCouponSrc: null,
    goToGuang: function() {
        window.location.href = this.gunangSrc;
    },
    goToCheck: function() {
        window.location.href = this.checkCouponSrc;
    },

    // 处理网络返回
    403: function(url) {
        window.location.href = url;
    },
    200: function(url) {
        this.checkCouponSrc = url;
    }
};

require('../common');

// handlebars模板
provFn = handlebars.compile($('#stu-select').html() || '');
identityFn = handlebars.compile($('#identity-back').html() || '');

require('../plugins/slider');

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 getCookie(name) {
    var arr, reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)');

    if (arr === document.cookie.match(reg)) {
        return unescape(arr[2]);
    } else {
        return null;
    }
}

/** *埋点方法***/
function givePoint(op, parameter) {
    var CID = 1;

    if (!window._yas || !window._yas.sendCustomInfo) {
        return false;
    }

    if (!getCookie('_Channel')) {
        // 男:1，女:2，潮童:3，创意生活:4
        switch (getCookie('_Channel')) {
            case 'boys':
                CID = 1;
                break;
            case 'girls':
                CID = 2;
                break;
            case 'kids':
                CID = 3;
                break;
            case 'lifestyle':
                CID = 4;
                break;
            default:
                CID = 1;
        }
    }

    parameter = $.extend({
        C_ID: CID
    }, parameter);

    window._yas.sendCustomInfo({
        op: op,
        param: JSON.stringify(parameter)
    }, true);
}

function createStuDialog(cName, cont) {
    var opt = {
        className: 'stu-dialog ' + cName,
        content: cont

    };
    var myDialog = new Dialog(opt);

    myDialog.show();
}

// 关掉所有下拉框
function closeStuSelect() {
    $('.ident-select-wrap').removeClass('active');
    $('.ident-select-wrap .select-ul').empty();
}


/**
 * 清除加载的下拉数据，还原点击状态,获取点击数据
 * @param
 * @param
 */
function clearSelectUl($a, code) {
    var $li = $a.parent(),
        $ul = $li.parent();

    var $show = $ul.prev(),
        $wrap = $ul.parent(),
        $input = $wrap.prev();

    $show.html($a.html());
    if (arguments.length === 2) {
        $show.attr(code, $a.attr(code));
        $input.val($a.attr(code));
    } else {
        $input.val($a.html());
    }
    $ul.empty();
    $ul.addClass('hide');
    $wrap.removeClass('active');
}

/**
 * 最终提交表单
 */
function submitIdentity(json) {

    if (identityFlag) {
        return;
    }
    identityFlag = true;

    $.ajax({
        type: 'GET',
        url: '/product/students/verify',
        data: json
    }).then(function(data) {
        if (data.code === 200) {
            identityFlag = false;

            // xls-3提交认证埋点
            givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 1});
            window.location.href = data.data;
        } else {
            identityFlag = false;

            $identityForm.addClass('hide');
            $('.identity-back-wrap').remove();
            $identityWrap.append(identityFn({msg: data.message}));

            // xls-3提交认证埋点
            givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 2, FAILURE_CAUSE: data.message});
        }
    });
}

lazyLoad($('img.lazy'));

// 根据配置执行展示弹窗
function couponAlert(opt) {
    var newAlert = new Dialog(opt);

    newAlert.show();
}

function loadSelectLi(jsonData, param) {
    var $wrap = jsonData.$ul.parent();

    jsonData.$ul.empty();
    if ($wrap.hasClass('active')) {
        $wrap.removeClass('active');
    } else {
        closeStuSelect();
        $wrap.addClass('active');
        $.ajax({
            type: 'GET',
            url: jsonData.url,
            data: param
        }).then(function(data) {
            var fnJson = {};

            if (data.code === 200) {
                fnJson[jsonData.keyData] = data.data;
                jsonData.$ul.html(provFn(fnJson));
                jsonData.$ul.removeClass('hide');
            } else if (data.code === 403) {
                location.href = data.data.url;
            }
        });
    }
}

// 配置弹窗
alertConfig = {
    success: {
        content: '恭喜您，成功领取优惠券',
        subContents: ['特殊情况下到账有延时', '请耐心等待'],
        className: 'subcontent-dialog',
        refreshOnClose: true,
        btns: [
            {
                id: 1,
                name: '去购物啦',
                btnClass: ['black', 'btn-close'],
                cb: function() {
                    redirect.goToGuang();
                }
            },
            {
                id: 2,
                name: '查看优惠券',
                btnClass: ['btn-close'],
                cb: function() {
                    redirect.goToCheck();
                }
            }
        ]
    },
    alreadyGot: {
        content: '您已领取过优惠券',
        subContent: '快去选购心仪的潮品吧',
        className: 'subcontent-dialog',
        btns: [
            {
                id: 1,
                name: '去使用',
                btnClass: ['btn-close'],
                cb: function() {
                    redirect.goToGuang();
                }
            }
        ]
    },
    expired: {
        content: '优惠券已过期',
        subContent: '去领最新的优惠券吧',
        className: 'subcontent-dialog',
        btns: [
            {
                id: 1,
                name: '关闭',
                btnClass: ['btn-close']
            }
        ]
    },
    failed: {
        content: '领取失败',
        className: 'subcontent-dialog',
        btns: [{
            id: 1,
            name: '关闭',
            btnClass: ['btn-close']
        }]
    }
};

// 对应不同的网络返回码展示不同的弹窗
makeAlert = {
    200: function() {
        couponAlert(alertConfig.success);
    },
    401: function() {
        couponAlert(alertConfig.alreadyGot);
    },
    315: function() {
        couponAlert(alertConfig.expired);
    },
    400: function(msg) {
        msg = msg || '';
        alertConfig.failed.subContents = [msg];
        couponAlert(alertConfig.failed);
    },
    403: function() {

        // do not make alert when user are not login in
    }
};

function requestCoupon(id) {
    $.ajax({
        type: 'GET',
        url: '/coupon/sendcoupon',
        data: {
            id: id
        },
        success: function(res) {
            var code = res.code;

            // 如果返回的数据里有url，则执行redirect里的方法
            res.url && res.url.length > 0 && redirect[code] &&
                redirect[code](res.url + '?' + location.href.split('?')[1]);

            // 如果能找到对应code则执行相应方法，如果没有的对应code则执行error提示
            makeAlert[code] ? makeAlert[code](res.message) : makeAlert['400'](res.message);

        },
        error: function() {
            var opt = {
                className: 'stu-alert',
                content: '<p>网络异常</p>'
            };

            new Dialog(opt).show();
        }
    });
}


function clearForm() {
    $('#stu-name').val('');
    $('#stu-idNum').val('');
    $('#stu-school').val('');
    $('#stu-edu').val('');
    $('#stu-entrance-year').val('');
    $('#prompt').html('');
    $stuProv.html('请选择省份');
    $stuSchool.html('请选择您所在学校');
    $stuEdu.html('请选择您的学历');
    $stuYear.html('请选择您的入学年份');
}

$('.slide-container').slider({
    orient: true
});

$sortItem.on('click', function() {
    $(this).siblings('.active').removeClass('active');
    $(this).addClass('active');
});

// 加载学校地区数据
$stuProv.on('click', function() {
    var data = {
        $ul: $(this).next(),
        keyData: 'provData',
        url: '/product/students/schoolArea'
    };

    loadSelectLi(data, {});
});

//
$stuSchool.on('click', function() {
    var data = {
        $ul: $(this).next(),
        keyData: 'schoolData',
        url: '/product/students/schoolList'
    };

    loadSelectLi(data, {areaCode: $stuProv.attr('areaCode')});

});

//
$stuEdu.on('click', function() {
    var data = {
        $ul: $(this).next(),
        keyData: 'eduData',
        url: '/product/students/eduLevel'
    };

    loadSelectLi(data, {});
});

//
$stuYear.on('click', function() {
    var $ul = $(this).next(),
        year = new Date().getFullYear(),
        yearArr = [],
        i;

    $ul.empty();
    if ($stuYearWrap.hasClass('active')) {
        $stuYearWrap.removeClass('active');
    } else {
        closeStuSelect();
        $stuYearWrap.addClass('active');
        for (i = year - 7; i <= year; i++) {
            yearArr.push(i);
        }
        $ul.removeClass('hide');
        $ul.html(provFn({
            yearData: yearArr
        }));
    }
});

$('.ident-select-wrap > .arrow-down').click(function() {
    $(this).next().click();
});

$couponDia.on('click', function() {
    createStuDialog('stu-agree-dialog', authProtocolTpl({}));
});

$rightsItem.each(function(index, ele) {
    var title = $(ele).find('.item-title').html(),
        detail = $(ele).find('.item-detail').html(),
        i = Number(index) + 1;

    rightsText += '<p><span class="font-bold">权益' + i + '：</span>' + title + '</p><p>' + detail + '</p>';
    i !== $rightsItem.length ? rightsText += '<br>' : '';
});

$rightDia.on('click', function() {
    var cont = '<h3 class="dia-title">特权详细说明</h3>' + rightsText;

    createStuDialog('stu-rights-dialog', cont);

    // xls-5学生营销，页面加载埋点
    givePoint('YB_STUDENT_VIP_FLR', {F_ID: $('#stu-rights-box').attr('floorId'), F_NAME: '学生权益',
        F_URL: '', F_INDEX: 2, I_INDEX: 0});
});

$agreenShow.on('click', function() {
    var $ck = $(this);

    $ck.hasClass('active') === true ? $ck.removeClass('active') : $ck.addClass('active');
});


$('#stu-province-ul').delegate('li > a', 'click', function() {
    var $a = $(this);

    if ($a.html() !== $stuProv.html()) {
        $stuSchool.html('请选择学校名称');
        $('#stu-school').val('');
    }
    clearSelectUl($a, 'areacode');
});

$('#stu-school-ul').delegate('li > a', 'click', function() {
    clearSelectUl($(this));
});

$('#stu-edu-ul').delegate('li > a', 'click', function() {
    clearSelectUl($(this));
});

$('#stu-entrance-year-ul').delegate('li > a', 'click', function() {
    clearSelectUl($(this));
});

// 重新验证
$identityWrap.delegate('.backForm', 'click', function() {
    clearForm();
    $identityForm.removeClass('hide').siblings().addClass('hide');
});

$('.enable .info').on('click', function(e) {
    if ($(this).children('.normal').length !== 1) {
        return;
    }

    // e.stopPropagation();
    e.preventDefault();
    requestCoupon($(this).closest('a').data('id'));
    redirect.gunangSrc = $(this).closest('a').get(0).href;

});
$('.coupon > a').on('click', function() {
    // xls-5学生营销，页面加载埋点
    givePoint('YB_STUDENT_VIP_FLR', {F_ID: $('#stu-coupon-box').attr('floorId'), F_NAME: '优惠券',
        F_URL: $(this).attr('href'), F_INDEX: 4, I_INDEX: $(this).parents('.coupon').index() + 1});
});

$('#identity-Btn').on('click', function() {
    var provCode = $('#stu-province').val();

    var identData = {
        name: $('#stu-name').val(),
        certNo: $('#stu-idNum').val(),
        provName: $('#stu-province-show').html(),
        collegeName: $('#stu-school').val(),
        educationDegree: $('#stu-edu').val(),
        enrollmentYear: $('#stu-entrance-year').val()
    };

    var $prompt = $('#prompt'),
        $agreen = $('#agreen-show'),
        failText = '';

    if (identData.name === '') {
        failText = '真实姓名不能为空';
        $prompt.html(failText);

        // xls-3埋点
        givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 2, FAILURE_CAUSE: failText});
        return;
    }
    if (identData.certNo === '') {
        failText = '身份证号不能为空';
        $prompt.html(failText);

        // xls-3埋点
        givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 2, FAILURE_CAUSE: failText});
        return;
    }
    if (!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(identData.certNo)) {
        failText = '身份证号格式错误';
        $prompt.html(failText);

        // xls-3埋点
        givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 2, FAILURE_CAUSE: failText});
        return;
    }
    if (provCode === '') {
        failText = '请选择省份';
        $prompt.html(failText);

        // xls-3埋点
        givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 2, FAILURE_CAUSE: failText});
        return;
    }
    if (identData.collegeName === '') {
        failText = '请选择学校名称';
        $prompt.html(failText);

        // xls-3埋点
        givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 2, FAILURE_CAUSE: failText});
        return;
    }
    if (identData.educationDegree === '') {
        failText = '请选择学历程度';
        $prompt.html(failText);

        // xls-3埋点
        givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 2, FAILURE_CAUSE: failText});
        return;
    }
    if (identData.enrollmentYear === '') {
        failText = '请选择入学年份';
        $prompt.html(failText);

        // xls-3埋点
        givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 2, FAILURE_CAUSE: failText});
        return;
    }
    if (!$agreen.hasClass('active')) {
        failText = '未同意Yoho!有货学生认证协议';
        $prompt.html(failText);

        // xls-3埋点
        givePoint('YB_STUDENT_ATTCT_SUBMIT', {SRC_ID: 5, SUBMIT_RES: 2, FAILURE_CAUSE: failText});
        return;
    }
    $prompt.html('');

    submitIdentity(identData);
});

// 首次点击去掉灰色
$('.ident-select-wrap').one('click', function() {
    $(this).removeClass('gray-p');
});

/*
*埋点
*/
$(function() {
    // 加载优惠券状态
    var couponIds = [];
    var recId = randomString(40);

    var sto = setInterval(function() {
        if (window._yas && window._yas.sendCustomInfo) {
            // xls-5学生营销，页面加载埋点
            givePoint('YB_STUDENT_HOME', {SRC_ID: 5});

            // xls-5学生专享商品，加埋点
            givePoint('YB_STUDENT_VIP_GDS_LIST', {
                PRD_NUM: 15,
                PRD_ID: $('#proIds').html(),
                ACTION_ID: 0,
                REC_ID: recId
            });

            if ($('#identity-success').length > 0) {
                // xls-4学生认证成功埋点
                givePoint('YB_STUDENT_ATTCT_RESULT', {
                    SRC_ID: 5,
                    ATTCT_RES: 1,
                    ATTCT_INFO: {
                        birth: $('.identity-back-wrap .result-birthDay').html(),
                        sex: $('.identity-back-wrap .result-sex').html(),
                        college_province: $('.identity-back-wrap .result-provName').html(),
                        college_name: $('.identity-back-wrap .result-collegeName').html(),
                        education_degree: $('.identity-back-wrap .result-educationDegree').html(),
                        enrollment_year: $('.identity-back-wrap .result-enrollmentYear').html()
                    }
                });
            }

            if ($('#identity-fail').length > 0) {
                // xls-4学生认证失败埋点
                givePoint('YB_STUDENT_ATTCT_RESULT', {
                    SRC_ID: 5,
                    ATTCT_RES: 2,
                    FAILURE_CAUSE: $('#identity-fail-text').html()
                });
            }

            clearInterval(sto);
        }
    }, 100);


    $('.coupon > a').each(function() {
        couponIds.push($(this).attr('data-id'));
    });

    if (couponIds.length > 0) {

        $.ajax({
            type: 'GET',
            url: '/product/students/userAcquireStatus',
            data: {
                couponIds: couponIds
            },
            success: function(res) {
                var code = res.code,
                    i,
                    text,
                    $a;

                if (code === 200) {
                    for (i = 0; i < res.data.length; i++) {
                        $a = $('[data-id=\'' + res.data[i].couponId + '\']');

                        text = '';

                        if (res.data[i].status === 1) {
                            text = '<div class="normal">' +
                                    '<p>点击</p>' +
                                    '<p>领取</p>' +
                                    '</div>';
                        }
                        if (res.data[i].status === 2) {
                            $a.removeClass('enable');
                            text = '<div class="empty">' +
                                    '<p>已抢光</p>' +
                                    '<p class="guang">去逛逛</p>' +
                                    '</div>';
                        }
                        if (res.data[i].status === 3) {
                            $a.removeClass('enable');
                            text = '<div class="got">' +
                                    '<p>已领取</p>' +
                                    '<p class="guang">去使用</p>' +
                                    '</div>';
                        }
                        if (res.data[i].status === 4) {
                            $a.removeClass('enable');
                            text = '<div class="normal">' +
                                    '<p>已过期</p>' +
                                    '<p class="guang">去逛逛</p>' +
                                    '</div>';
                        }

                        $a.find('.info').html(text);
                    }

                }
            },
            error: function() {
            }
        });
    }

    $('.banner-img').click(function() {
        var url = $(this).children().attr('href'),
            index = $(this).index();

        // xls-5学生营销，页面加载埋点
        givePoint('YB_STUDENT_VIP_FLR', {F_ID: $('#bannerFloorId').html(), F_NAME: 'banner',
            F_URL: url, F_INDEX: 1, I_INDEX: parseInt(index, 0) + 1});
    });

    $('#stu-coupon-more').click(function() {
        var url = $(this).attr('href');

        // xls-5学生营销，页面加载埋点
        givePoint('YB_STUDENT_VIP_FLR', {F_ID: $('#stu-coupon-box').attr('floorId'), F_NAME: '优惠券',
            F_URL: url, F_INDEX: 4, I_INDEX: 0});
    });

    $('.good-thumb').click(function() {
        var index = $(this).closest('.good-info').index(),
            proId = $(this).closest('.good-info').find('.product-id').html();

        // xls-5学生专享商品，加埋点
        givePoint('YB_STUDENT_VIP_GDS_LIST', {
            PRD_NUM: parseInt(index, 0),
            PRD_ID: proId,
            ACTION_ID: 1,
            REC_ID: recId
        });
    });

    $('.stu-good-detail a').click(function() {
        var index = $(this).closest('.good-info').index(),
            proId = $(this).closest('.good-info').find('.product-id').html();

        // xls-5学生专享商品，加埋点
        givePoint('YB_STUDENT_VIP_GDS_LIST', {
            PRD_NUM: parseInt(index, 0),
            PRD_ID: proId,
            ACTION_ID: 1,
            REC_ID: randomString(40)
        });
    });

    $('.identity-ad > a').click(function() {
        var url = $(this).attr('href');

        // xls-5学生营销，页面加载埋点
        givePoint('YB_STUDENT_VIP_FLR', {
            F_ID: $('#stu-identity-box').attr('floorId'),
            F_NAME: '身份验证',
            F_URL: url,
            F_INDEX: 3,
            I_INDEX: 3
        });

    });

    $('.commodity-list > a').click(function() {
        var url = $(this).attr('href'),
            index = $(this).index();

        // xls-5学生营销，页面加载埋点
        givePoint('YB_STUDENT_VIP_FLR', {
            F_ID: $('#stu-activity-box').attr('floorId'),
            F_NAME: '活动推荐',
            F_URL: url,
            F_INDEX: 6,
            I_INDEX: parseInt(index, 0) + 1});
    });

    // 学生权益，悬浮显示内容

    // 悬浮效果
    $rightsItem.hover(function() {
        var content = $(this).find('.item-content');

        var gapHeight;

        content.removeClass('hide');

        gapHeight = parseInt(content.height(), 10) + 40 - parseInt($(this).height(), 10);

        if (gapHeight > 0) {
            content.css('margin-top', -(gapHeight) + 'px');
        }
    }, function() {
        var content = $(this).find('.item-content');

        content.addClass('hide').css('margin-top', '0');
    });
});

window.onbeforeunload = function() {
    clearForm();
};