/**
 * [个人中心]收货地址
 * @author: jiangmin
 * @date: 2016/07/05
 */
// todo 编辑时设置默认；手机号码逆向显示

var cascadingAddress = require('../plugins/cascading-address');
var dialog = require('../plugins/dialog');
var _alert = dialog.Alert;
var _confirm = dialog.Confirm;
var $addressId = $('#address_id');
var $consignee = $('#consignee');
var $address = $('#addressDetail');
var $mobile = $('#mobile');
var $phone = $('#phone');
var addressForm = $('.form-group-address');
var currentLength = $('.a-table').find('tr').length - 1;// 当前地址条数
var leftLength = 20 - currentLength;// 还剩地址条数
var reg = new RegExp(/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/);// 手机号码校验

require('./me');
require('../plugins/check');

$(function() {
    var address = cascadingAddress({el: '#address'});

    /**
     * 公共方法
     */
    var Bll = {
        // 获取输入框输入的值
        getInfo() {

            return {
                id: $addressId.val(),
                consignee: $consignee.val(),
                address: $address.val(),
                mobile: $mobile.val(),
                phone: $phone.val()
            };
        },

        // 清空输入框
        clearInput() {
            $consignee.val('');
            $address.val('');
            $mobile.val('');
            $phone.val('');
            address.reset();
        },

        // 校验
        check(info) {
            let flag = true;

            info.consignee === '' ? $consignee.next().show() : $consignee.next().hide();
            info.address === '' ? $address.next().show() : $address.next().hide();
            info.mobile === '' ? $mobile.next().show() :
                (!reg.test(info.mobile) ? $mobile.next().html('手机号码格式不对').show() : $mobile.next().hide());
            typeof (info.area_code) === 'undefined' ?
                addressForm.css('margin-bottom', '20px').find('.error-tips').show() :
                addressForm.css('margin-bottom', '70px').find('.error-tips').hide();
            if (info.consignee === '' || info.address === '' || info.mobile === '' || !reg.test(info.mobile) ||
                typeof (info.area_code) === 'undefined') {
                flag = false;
            }
            return flag;
        },

        // 拼接一条数据的html
        getHtml(info) {
            var html = '<tr class="table-body">';

            html += '<input type="hidden" id="tr_' + info.address_id + '" value="' + info.address_id + '">' +
                '<input type="hidden" id="tr_' + info.area_code + '" value="' + info.area_code + '">' +
                '<td class=\'width-80\'>' + info.consignee + '</td>' +
                '<td class=\'width-195\'>' + info.area + '</td>' +
                '<td class=\'width-280\'>' + info.address + '</td>' +
                '<td class=\'width-120\'><p>' + info.mobile + '</p><p>' + info.phone + '</p></td>' +
                '<td class=\'width-260\'><div><span class=\'blue opreation update-address\' data-id=\'' +
                info.address_id + '\'>修改</span>\n|\n' +
                '<span class=\'blue opreation del-address\' data-id=\'' + info.address_id + '\'>删除</span>\n' +
                '<span class=\'btn set-default opreation \' data-id=\'' + info.address_id + '\'>设为默认</span></div></td>';
            html += '</tr>';
            return html;
        },

        // 获取一条数据
        setInfo(id, td) {
            $addressId.val(id);
            $consignee.val(td.eq(0).text());
            $address.val(td.eq(2).text());
            $mobile.val(td.eq(3).children().eq(0).text());
            $phone.val(td.eq(3).children().eq(1).text());
        },

        // 设置表格头部
        setTableTile() {
            $('.table-title').text('已保存了' + currentLength +
                '条地址，还能保存' + leftLength + '条地址');
        }
    };


    // 保存收货地址
    $(document).on('click', '#save-address', function() {
        if (currentLength === 20) {
            new _alert('您最多添加20个收货地址，可删除不需要的地址后再添加新地址！').show();
            Bll.clearInput();
        } else {
            let info = Bll.getInfo();
            let area = address.getAreaIds();
            let areaInfo = address.getAreaLabels();

            info.area_code = area.split(',')[2];
            info.area = areaInfo.split(',').join(' ');
            if (Bll.check(info) === true) {
                // 新增
                if (info.id === '') {
                    $.ajax({
                        type: 'POST',
                        url: '/me/address/add',
                        dataType: 'json',
                        data: info,
                        success: function(data) {
                            if (data.code === 200) {
                                let html = Bll.getHtml(data.data);

                                currentLength++;
                                leftLength--;
                                $('tbody').append(html);
                                Bll.setTableTile();
                                Bll.clearInput();
                            } else {
                                new _alert('新增接口出错了').show();
                            }
                        }
                    });
                } else { // 修改
                    $.ajax({
                        type: 'POST',
                        url: '/me/address/update',
                        dataType: 'json',
                        data: info,
                        success: function(data) {
                            if (data.code === 200) {
                                info.mobile = info.mobile.substring(0, 3) + '****' + info.mobile.substring(7, 11);
                                info.address_id = info.id;
                                $('#tr_' + info.id).parent().before(Bll.getHtml(info)).remove();
                                Bll.clearInput();
                            } else {
                                new _alert('修改接口出错了').show();
                            }
                        }
                    });
                }
            }
        }
    });

    // 修改收货地址
    $(document).on('click', '.update-address', function() {
        let id = $(this).data('id');
        let tr = $(this).parents('.table-body');
        let td = tr.find('td');
        let areaCode = tr.find('input').eq(1).val();

        address.setAddress(areaCode);
        addressForm.css('margin-bottom', '70px');
        $('.error-tips').hide();
        $('.tip').html('修改地址 电话为选填项，其他均为必填项');
        Bll.setInfo(id, td);
    });

    // 删除收货地址
    $(document).on('click', '.del-address', function() {
        let id = $(this).data('id');
        var tr = $(this).parents('.table-body');

        var a = new _confirm({
            content: '您确定要删除收货地址吗？',
            cb: function() {
                $.ajax({
                    type: 'POST',
                    url: '/me/address/del',
                    dataType: 'json',
                    data: {
                        id: id
                    },
                    success: function() {
                        currentLength--;
                        leftLength++;
                        tr.remove();
                        Bll.setTableTile();
                        a.close();
                        Bll.clearInput();
                    }
                });
            }
        }).show();

    });

    // 设置默认收货地址
    $(document).on('click', '.set-default', function() {
        var tr = $(this).parents('.table-body');
        var tbody = tr.parent();
        let id = $(this).data('id');
        var self = this;

        $.ajax({
            type: 'POST',
            url: '/me/address/default',
            dataType: 'json',
            data: {
                id: id
            },
            success: function() {
                $('.current-default').removeClass('current-default').text('设为默认');
                $(self).addClass('current-default').text('默认地址');
                tbody.find('.table-body').eq(0).before('<tr class=\'table-body\'>' + tr.html() + '</tr>');
                tr.remove();
            }
        });
    });
});