/**
 * 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 $sortItem = $('.sort-item'),
    $agreenShow = $('#agreen-show'),
    $stuProv = $('#stu-province-show'),
    $stuProvWrap = $stuProv.parent(),
    $stuSchool = $('#stu-school-show'),
    $stuSchoolWrap = $stuSchool.parent(),
    $stuEdu = $('#stu-edu-show'),
    $stuEduWrap = $stuEdu.parent(),
    $stuYear = $('#stu-entrance-year-show'),
    $stuYearWrap = $stuYear.parent(),
    $identityForm = $('#identity-form');

    // $stuYearUl = $stuYear.next();

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

var provFn;

var alertConfig,
    makeAlert;

// 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;
    }
};

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

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

function createStuDialog(cont) {
    var opt = {
        className: 'stu-dialog',
        myCloseIcon: 'close-icon',
        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($li, code) {
    var $a = $li.find('a'),
        $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();
    $wrap.removeClass('active');
}

/**
 * 最终提交表单
 */
function submitIdentity(json) {
    $.ajax({
        type: 'GET',
        url: '/product/students/verify',
        data: json
    }).then(function() {

    });
}

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

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

    newAlert.show();
}

// 配置弹窗
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: '领取失败',
        subContents: ['请刷新重试,', '多次无效请联系客服'],
        className: 'subcontent-dialog',
        btns: [
            {
                id: 1,
                name: '刷新',
                btnClass: ['btn-close'],
                cb: function() {
                    window.location.reload();
                }
            }
        ]
    }
};

// 对应不同的网络返回码展示不同的弹窗
makeAlert = {
    200: function() {
        couponAlert(alertConfig.success);
    },
    401: function() {
        couponAlert(alertConfig.alreadyGot);
    },
    315: function() {
        couponAlert(alertConfig.expired);
    },
    400: function() {
        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]() : makeAlert['400']();

        },
        error: function() {
            var Alert = require('../common/dialog').Alert;

            new Alert('网络异常').show();
        }
    });
}

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

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

// 加载学校地区数据
$stuProv.on('click', function() {
    var $provUl = $(this).next();

    $provUl.empty();
    if ($stuProvWrap.hasClass('active')) {
        $stuProvWrap.removeClass('active');
    } else {
        closeStuSelect();
        $stuProvWrap.addClass('active');
        $.ajax({
            type: 'GET',
            url: '/product/students/schoolArea'
        }).then(function(data) {
            if (data.code === 200) {
                $provUl.html(provFn({
                    provData: data.data
                }));
            } else if (data.code === 403) {
                location.href = data.data.url;
            }
        });
    }
});

$('#stu-province-ul').delegate('li', 'click', function() {
    clearSelectUl($(this), 'areacode');
});

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

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

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

//
$stuSchool.on('click', function() {
    var $ul = $(this).next();

    $ul.empty();
    if ($stuSchoolWrap.hasClass('active')) {
        $stuSchoolWrap.removeClass('active');
    } else {
        closeStuSelect();
        $stuSchoolWrap.addClass('active');
        $.ajax({
            type: 'GET',
            url: '/product/students/schoolList',
            data: {
                areaCode: $stuProv.attr('areaCode')
            }
        }).then(function(data) {
            if (data.code === 200) {
                $ul.html(provFn({
                    schoolData: data.data
                }));
            } else if (data.code === 403) {
                location.href = data.data.url;
            }
        });
    }
});

//
$stuEdu.on('click', function() {
    var $ul = $(this).next();

    $ul.empty();
    if ($stuEduWrap.hasClass('active')) {
        $stuEduWrap.removeClass('active');
    } else {
        closeStuSelect();
        $stuEduWrap.addClass('active');
        $.ajax({
            type: 'GET',
            url: '/product/students/eduLevel'
        }).then(function(data) {
            if (data.code === 200) {
                $ul.html(provFn({
                    eduData: data.data
                }));
            } else if (data.code === 403) {
                location.href = data.data.url;
            }
        });
    }
});

//
$stuYear.on('click', function() {
    var $ul = $(this).next();

    $ul.empty();
    if ($stuYearWrap.hasClass('active')) {
        $stuYearWrap.removeClass('active');
    } else {
        closeStuSelect();
        $stuYearWrap.addClass('active');
        $ul.html(provFn({
            yearData: ['2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016']
        }));
    }
});

$couponDia.on('click', function() {
    var cont = '<h3 class="dia-title">认证协议</h3>' +
    '<p>(1) 全日制大学生及硕士博士研究生；</p>' +
    '<p>(2) 学校在可选的范围内，有部分学校可能暂未收录，后期尽快增加；</p>' +
    '<p>(3) 每个学号只能认证一个账户；</p>';

    createStuDialog(cont);
});

$rightDia.on('click', function() {
    var cont = '<h3 class="dia-title">特权详细说明</h3>' +
    '<p>(1) 学生购买原价商品，可享受9折优惠，与vip折扣不可同时享受，但取低；</p>' +
    '<p>(2) 学生购物每1元可赠送1个有货币；</p>' +
    '<p>(3) 学生所在学校购物金额当月累计最高，可获得3个免单名额，每月抽奖；</p>' +
    '<p>(4) 不定期学生专享活动；</p>';

    createStuDialog(cont);
});

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

    if ($ck.hasClass('active')) {
        $ck.removeClass('active');
    } else {
        $ck.addClass('active');
    }

});

$('.enable .info').on('click', function(e) {
    e.preventDefault();
    requestCoupon($(this).closest('a').data('id'));
    redirect.gunangSrc = $(this).closest('a').get(0).href;
});

$('#identity-Btn').on('click', function() {
    var identData = {
        name: $('#stu-name').val(),
        certNo: $('#stu-idNum').val(),
        collegeName: $('#stu-school').val(),
        educationDegree: $('#stu-edu').val(),
        enrollmentYear: $('#stu-entrance-year').val()
    };

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

    if (identData.name === '') {
        $prompt.html('真实姓名不能为空');
        return;
    }
    if (!/^[\u4e00-\u9fa5a-zA-Z]{2,12}$/.test(identData.name)) {
        $prompt.html('真实姓名为2~12个汉字或者英文');
        return;
    }
    if (identData.certNo === '') {
        $prompt.html('身份证号不能为空');
        return;
    }
    if (!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(identData.certNo)) {
        $prompt.html('身份证号格式错误');
        return;
    }
    if (identData.collegeName === '') {
        $prompt.html('学校名称不能为空');
        return;
    }
    if (identData.educationDegree === '') {
        $prompt.html('学历程度不能为空');
        return;
    }
    if (identData.enrollmentYear === '') {
        $prompt.html('入学年份不能为空');
        return;
    }
    if (!$agreen.hasClass('active')) {
        $prompt.html('未同意Yoho!有货学生认证协议');
        return;
    }
    $prompt.html('');
    console.info(identData);
    submitIdentity(identData);
});

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

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