var $ = require('yoho-jquery');
var tip = require('../plugin/tip');
var AsideSlider = require('./aslider');


var STUDENTCOOKIES = 'STUDENTCOOKIES';

var C_ID,
    getChannel,
    asideSlider = new AsideSlider();//eslint-disable-line

var province,
    school,
    ruleMap = {
        name: {
            name: '姓名',
            require: true,
            regex: /^[\u2E80-\u9FFF]+$/g,
            msg: '请输入中文姓名'
        },
        cert_no: {
            name: '身份证号',
            require: true,
            regex: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/g,
            msg: '身份证号输入错误'
        },
        college_name: {
            name: '学校名称',
            require: true
        },
        education_degree: {
            name: '当前学历',
            require: true
        },
        enrollment_year: {
            name: '入学年份',
            require: true
        },
        isread: {
            name: '同意认证',
            is: true,
            msg: '请同意有货网学生认证协议'
        }
    };


require('../common');


getChannel = function functionName() {
    var name = window.cookie('_Channel');

    return {
        boys: 1,
        girls: 2,
        kids: 3,
        lifestyle: 4
    }[name] || 1;
};
C_ID = getChannel();

/*
 * 用于对规则验证
 */
function isValidate(rules, datas) {
    var message = '',
        data,
        name,
        reg,
        rule;

    datas = datas || {};
    for (name in rules) {
        if (datas.hasOwnProperty(name)) {
            data = datas[name];
            rule = rules[name];
            if (rule.require && !$.trim(data)) {
                message = rule.name + '不可为空';
                break;
            }
            if (rule.regex) {
                reg = $.trim(data).match(rule.regex);
                if (!reg || (reg && !reg.length)) {
                    message = rule.msg;
                    break;
                }
            }
            if (rule.is !== void (0) && data !== rule.is) {
                message = rule.msg;
            }
        } else {
            message = 'cookie 存储数据不全';
            break;
        }
    }
    return message;
}

/*
 * 获取数据
 */
function changeSuccess() {
    var data = {
            cert_no: $.trim($('#tb_cert_no').val()),
            name: $.trim($('#tb_name').val()),
            college_name: $.trim($('#s-school-tb').val()),
            education_degree: $.trim($('#s-education-tb').val()),
            enrollment_year: $.trim($('#s-year-tb').val()),
            isread: $('.checkbox', '.s-shenming').hasClass('icon-s-checked')
        },
        msg;

    if (province.selected() && province.selected().areaCode) {
        data.procode = province.selected().areaCode;
        data.provinceName = $('#s-province-tb').val();
    }
    msg = isValidate(ruleMap, data);
    if (!msg) {
        $('.s-submit').addClass('succ');
    } else {
        $('.s-submit').removeClass('succ');
    }
    return {
        msg: msg,
        data: data
    };
}

function setFormByCookes(item) {
    var msg;

    item = item ? JSON.parse(item) : {};
    item.cert_no && $('#tb_cert_no').val(item.cert_no);
    item.name && $('#tb_name').val(item.name);
    item.college_name && $('#s-school-tb').val(item.college_name);
    item.education_degree && $('#s-education-tb').val(item.education_degree);
    item.enrollment_year && $('#s-year-tb').val(item.enrollment_year);
    item.provinceName && $('#s-province-tb').val(item.provinceName);
    if (item.procode && item.procode !== 'undefined') {
        province.selected().areaCode = item.procode;
        province.selected().addresseeName = item.provinceName;
    }
    if ($.trim($('#s-school-tb').val())) {
        $('#s-school-tb').parent('section').attr('aslider-isshow', true);
    }
    if (item.isread) {
        $('.checkbox', '.s-shenming').addClass('icon-s-checked');
    }
    msg = isValidate(ruleMap, item);
    if (!msg) {
        $('.s-submit').addClass('succ');
    } else {
        $('.s-submit').removeClass('succ');
    }
}

/*
 * 筛选器
 */
function Filter(ele, title, feild, data) {
    this.__ele__ = ele;
    this.__title__ = title;
    this.__data__ = data || null;
    this.__select__ = {};
    this.__feild__ = feild;
}
Filter.prototype = {
    get: function() {
        return this.__data__;
    },
    set: function(data) {
        this.__data__ = data;
    },
    selected: function() {
        return this.__select__;
    },
    init: function(data, key) {
        var d,
            html;

        data = data || this.get();

        d = this.adapterData(this.filterData(data, key));
        $('.s-items', this.__ele__).html('').html(this.dataToHtml(d));
        $('.s-group-zimu', this.__ele__).html('');
        if (!key) {
            html = '<span class=\'iconfont search-icon empty\'>&#xe60f;</span>';

            Object.keys(d).forEach(function(item) {
                html += '<a href=\'javascript:;\'>' + item + '</a>';
            });
            html += '';
            $('.s-group-zimu', this.__ele__).html(html);
        }

        this.bindEvent();
    },
    filterData: function(data, key) {
        var that = this,
            regex;

        if (!key) {
            return data;
        }
        return data.filter(function(item) {
            regex = new RegExp('^' + key, 'i');
            return regex.test(item[that.__feild__]);
        });
    },
    adapterData: function(items) {
        var result = {},
            map = {};

        items = items || this.__data__;

        items.forEach(function(item) {
            if (item.groupBy) {
                if (!result.hasOwnProperty(item.groupBy)) {
                    result[item.groupBy] = [];
                }
                result[item.groupBy].push(item);
            }
        });
        Object.keys(result).sort().forEach(function(name) {
            map[name] = result[name];
        });
        return map;
    },
    dataToHtml: function(data) {
        var that = this;
        var html = [],
            name;

        // if (this.__select__ && this.__title__ && this.__select__[this.__feild__]) {
        //     html.push('<h6 class=\'s-title\'>当前地区</h6>');
        //     html.push('<div class=\'s-item close\'>' + this.__select__[this.__feild__] + '</div>');
        // }

        for (name in data) {
            if (data.hasOwnProperty(name)) {
                html.push('<h6 class=\'s-title\' data-pos=\'' + name + '\'>' + name + '</h6>');
                if (data[name].length > 0) {
                    data[name].forEach(function(item) {
                        html.push('<div class=\'s-item close\' data-obj=\'' +
              JSON.stringify(item) + '\'>' + item[that.__feild__] + '</div>');
                    });
                }
            }
        }
        return html;
    },
    bindEvent: function() {
        var that = this;

        $('' + that.__ele__ + ' .s-item').unbind('click').click(function() {
            var item = $(this).data('obj'),
                name;

            that.__select__ = item;
            name = that.__ele__.match(/=(\w+)/)[1];

            $('#s-' + name + '-tb').val(item[that.__feild__]);
            if (name === 'province') {
                $('#s-school-tb').val('');
                $('[data-aslider-in=\'school|fade\']').attr('aslider-isShow', 'true');
            }
            changeSuccess();
        });
    }
};

// $.asideSlider.lastY=100;

province = new Filter('[data-aslider=province]', '当前地区', 'addresseeName');

$.ajax({
    url: '/activity/student/province',
    cache: true,
    success: function(res) {
        province.set(res.data);
        province.init();
    }
});

$(document).on('keyup', '#s-search-provinces', function() {
    var name = $.trim($(this).val());
    var clear = $(this).next('.s-clear');
    var stip = $(this).prev('.s-seach-tip');

    province.init(province.get(), name);

    if ($(this).val().length > 0) {
        clear.show();
    } else {
        clear.hide();
        stip.show();
        stip.prev('.s-empty').hide();
    }
});
$(document).on('focusin', '#s-search-provinces', function() {
    var stip = $(this).prev('.s-seach-tip');

    stip.hide();
    stip.prev('.s-empty').show();
});

school = new Filter('[data-aslider=school]', null, 'schoolName');

$(document).on('keyup', '#s-search-school', function() {
    var name = $.trim($(this).val());
    var clear = $(this).next('.s-clear');
    var stip = $(this).prev('.s-seach-tip');

    school.init(school.get(), name);

    if ($(this).val().length > 0) {
        clear.show();
    } else {
        clear.hide();
        stip.show();
        stip.prev('.s-empty').hide();
    }
});
$(document).on('focusin', '#s-search-school', function() {
    var stip = $(this).prev('.s-seach-tip');

    stip.hide();
    stip.prev('.s-empty').show();
});


$('.s-clear').click(function() {
    $(this).prev('.s-input-search').val('').keyup();
    $(this).hide();
});


window.JI_bilibili = function($el) {
    if ($el.selector === '[data-aslider="school"]') {
        if (province.selected() && province.selected().areaCode) {
            $.get('/activity/student/school?code=' + province.selected().areaCode, function(res) {
                school.set(res.data);
                school.init();
            });

        } else {

      // $("[data-aslider-in='school|fade']").attr("aslider-isshow","false")
        }
    }
};

window.JI_getselectvalue = function(type, value) {
    if (+type === 1) {
        if ($.trim(value)) {
            $('#s-education-tb').val($.trim(value));
        }
    } else {
        if ($.trim(value)) {
            $('#s-year-tb').val($.trim(value));
        }
    }
    changeSuccess();
};

$('.s-blue').click(function() {
    localStorage.setItem(STUDENTCOOKIES, JSON.stringify(changeSuccess().data));
});
$(function() {
    setFormByCookes(localStorage.getItem(STUDENTCOOKIES));
});

// data-aslider-in="education|fade"
$(document).on('click', '#s-education .s-item', function() {
    $('#s-education-tb').val($.trim($(this).html()));
    changeSuccess();
});

$(document).on('click', '#s-year .s-item', function() {
    $('#s-year-tb').val($.trim($(this).html()));
    changeSuccess();
});

$(document).on('click', '.s-footer .checkbox', function() {
    var $that = $(this);

    if ($that.hasClass('icon-s-checked')) {
        $that.removeClass('icon-s-checked').addClass('icon-s-check');
    } else {
        $that.removeClass('icon-s-check').addClass('icon-s-checked');
    }
    changeSuccess();
});

/*
 * 数据提交
 */
$('.s-submit').data('isClick', true);
$(document).on('click', '.s-submit', function() {
    var obj = changeSuccess(),
        FAILURE_CAUSE;
    var $that = $(this);

    // 存cookie 记录状态
    localStorage.setItem(STUDENTCOOKIES, JSON.stringify(obj.data));

    if ($that.data('isClick') === false) {
        return;
    }
    $that.data('isClick', false);

    if (!obj.msg) {
        $.ajax({
            url: '/activity/student/join',
            type: 'post',
            data: obj.data
        }).then(function(data) {
            if (+data.code === 200) {
                if (window._yas && window._yas.sendCustomInfo) {
                    window._yas.sendCustomInfo({
                        op: 'YB_STUDENT_ATTCT_SUBMIT',
                        param: {
                            C_ID: C_ID,
                            SRC_ID: 5,
                            SUBMIT_RES: 1
                        }
                    }, true);
                }
                location.href = data.data;
            } else {
                $that.data('isClick', true);
                tip.show(data.message);
            }
        });
    } else {
        tip.show(obj.msg);
        $that.data('isClick', true);
        if (obj.msg.indexOf('字段为空') > -1) {
            FAILURE_CAUSE = 1;
        } else if (obj.msg.indexOf('认证协议') > -1) {
            FAILURE_CAUSE = 3;
        } else {
            FAILURE_CAUSE = 2;
        }
        if (window._yas && window._yas.sendCustomInfo) {
            window._yas.sendCustomInfo({
                op: 'YB_STUDENT_ATTCT_SUBMIT',
                param: {
                    C_ID: C_ID,
                    SRC_ID: 5,
                    SUBMIT_RES: 2,
                    FAILURE_CAUSE: FAILURE_CAUSE
                }
            }, true);
        }

    }
});


$('#tb-is-read').change(function() {
    changeSuccess();
});