import addressModel from '../../../models/home/address';
import wechatAddressUtil from '../../../utils/wechat-address';
import Yas from '../../../common/yas';

const PAGE_TYPE_ADD = 'add';
const PAGE_TYPE_SELECT = 'select';
const AREA_CACHE_KEY = 'address_provinces_cache';

let CACHE_AREA_LIST = {};

let yas;

const validateAddress = function(data) {
  const errorTip = {
    consignee: '请输入正确的收件人姓名',
    area_code: '请选择省市区',
    mobile: '请输入正确的手机号',
    address: '请输入详细的收件地址'
  };
  const regx = {
    consignee: /^([\u4e00-\u9fa5\w*]{1,20})$/,
    area_code: /^[0-9]{6,9}$/,
    mobile: /^\d{3}(\d{4}|\*{4})\d{4,11}$/
  };
  let pass = true;
  let errorType;

  data = data || {};

  for (let i in data) {
    if (data.hasOwnProperty(i) &&
            regx[i] &&
            !regx[i].test(data[i])) {
      pass = false;
      !errorType && (errorType = i);
    }
  }

  if (data.hasOwnProperty('address') && !data.address) {
    pass = false;
    !errorType && (errorType = 'address');
  }

  if (!pass) {
    wx.showToast({
      title: errorTip[errorType] || '请输入正确的信息',
      icon: 'none',
      duration: 2000
    });
  }

  return pass;
};

Page({
  data: {
    showEditAddrPage: false,
    editAddrPageData: {},
    areaPicker: false,
    pickerProvice: [],
    pickerCity: [],
    pickerArea: [],
    addressList: []
  },
  onLoad(options) {
    this.loadOptions = options || {};

    if (options.type === PAGE_TYPE_ADD) {
      wx.setNavigationBarTitle({title: '新增地址'});
      this.setData({
        showEditAddrPage: true,
        editAddrPageData: {}
      });
      return;
    } else if (options.type === PAGE_TYPE_SELECT) {
      options.id = decodeURIComponent(options.id);

      this.setData({
        selectedId: options.id
      });
    }

    try {
      let area = wx.getStorageSync(AREA_CACHE_KEY);

      if (area) {
        CACHE_AREA_LIST = JSON.parse(area);
      }
    } catch (e) {
      console.log(JSON.stringify(e));
    }

    this.loadAddrList();

    yas = new Yas();

    yas.pageOpenReport();
  },
  loadAddrList() {
    addressModel.addressList().then(res => {
      if (res.code === 200) {
        let list = res.data;

        this.setData({
          addressEmpty: !list || !list.length,
          addressList: list
        });
      }
    });
  },
  loadAreaList(id) {
    if (CACHE_AREA_LIST[id]) {
      return Promise.resolve(CACHE_AREA_LIST[id]);
    }

    return addressModel.areaList(id).then(res => {
      if (res.code !== 200) {
        return [];
      }

      CACHE_AREA_LIST[id] = res.data;

      wx.setStorage({
        key: AREA_CACHE_KEY,
        data: JSON.stringify(CACHE_AREA_LIST)
      });

      return res.data || [];
    });
  },
  getAreaInfo(areaCode, resData) {
    resData = resData || {};
    resData.value = resData.value || [];
    resData.valueName = resData.valueName || [];

    let id = 0;
    let type = 'provice';
    let select;

    if (areaCode) {
      areaCode = areaCode.toString();

      switch (resData.value.length) {
        case 1:
          id = areaCode.substring(0, 2);
          select = areaCode.substring(0, 4);
          type = 'city';
          break;
        case 2:
          id = areaCode.substring(0, 4);
          select = areaCode.substring(0, 6);
          type = 'area';
          break;
        case 3:
          id = areaCode.substring(0, 6);
          select = areaCode;
          type = 'street';
          break;
        default:
          select = areaCode.substring(0, 2);
          break;
      }
    }

    return this.loadAreaList(id).then(list => {
      if (!list.length) {
        resData.fail = true;

        return resData;
      }

      let selectIndex;

      list.map((val, key) => {
        if (+val.id === +select) {
          selectIndex = key;
        }
      });

      if (typeof selectIndex === 'undefined') {
        selectIndex = 0;
        areaCode = list[0].id;
      }

      resData.value.push(selectIndex);
      resData.valueName.push(list[selectIndex].caption || '');
      resData[type] = list;

      if (resData.value.length < 3) {
        return this.getAreaInfo(areaCode, resData);
      }

      resData.areaCode = list[selectIndex].id;

      return Promise.resolve(resData);
    });
  },
  setDefaultAddr(e) {
    const that = this;
    let selectIndex = e.currentTarget.dataset.key;
    let addressList = this.data.addressList,
      addr = addressList[selectIndex];

    if (addr) {
      addressModel.setDefaultAddress(addr.address_id).then(res => {
        if (res.code !== 200) {
          return;
        }

        addressList.map(item => {
          item.is_default = addr.address_id === item.address_id ? 'Y' : 'N';
        });

        that.setData({addressList});
      });
    }
  },
  chooseAddr(e) {
    if (this.loadOptions.type !== PAGE_TYPE_SELECT) {
      return;
    }

    let selectIndex = e.currentTarget.dataset.key;

    this.backToPrePage(this.data.addressList[selectIndex]);
  },
  backToPrePage(address) {
    let currentPages = getCurrentPages();

    if (address && currentPages.length > 1 &&
            currentPages[currentPages.length - 2].chooseAddressCallback) {
      currentPages[currentPages.length - 2].chooseAddressCallback(address);
    }

    wx.navigateBack({delta: 1});
  },
  deleteAddr(e) {
    const that = this;
    let selectIndex = e.currentTarget.dataset.key;
    let selectId = e.currentTarget.dataset.id;

    if (!selectId) {
      return;
    }

    wx.showModal({
      title: '提示',
      content: '确认删除收货地址?',
      cancelText: '取消',
      confirmText: '确认',
      confirmColor: '#000',
      success: function(confirm) {
        confirm.confirm && addressModel.deleteAddress(selectId).then(res => {
          if (res.code === 200) {
            let addressList = that.data.addressList;

            addressList.splice(selectIndex, 1);
            that.setData({
              showEditAddrPage: false,
              addressList
            });
          }
        });
      }
    });
  },
  showEditAddrPage(e) {
    let selectIndex = e.currentTarget.dataset.key;
    let address = this.data.addressList[selectIndex] || {};

    wx.setNavigationBarTitle({title: address.address_id ? '编辑地址' : '新增地址'});

    address.index = selectIndex;

    this.setData({
      showEditAddrPage: true,
      editAddrPageData: address
    });
    this.editAddress = Object.assign({changed: false}, address);
  },
  saveAddr() {
    const that = this;
    let address = this.data.editAddrPageData;

    if (this.editAddress && !this.editAddress.changed) {
      return that.setData({showEditAddrPage: false});
    }

    if (validateAddress(address)) {
      addressModel.saveAddressData({
        id: address.address_id,
        consignee: address.consignee,
        area_code: address.area_code,
        address: address.address,
        mobile: address.mobile,
        is_default: address.is_default
      }).then(result => {
        if (!result || result.code !== 200) {
          return wx.showModal({
            content: result.message || '保存失败,请稍后重试',
            confirmText: '好的',
            showCancel: false
          });
        }

        let addressList = this.data.addressList;

        if (address.address_id) {
          addressList.map(item => {
            if (item.address_id === address.address_id) {
              Object.assign(item, result.data || address);
            }
          });
        } else if (this.loadOptions.type === PAGE_TYPE_ADD) {
          this.backToPrePage(result.data);
        } else {
          addressList.unshift(result.data);
        }

        that.setData({
          addressEmpty: false,
          showEditAddrPage: false,
          addressList
        });
      });
    }
  },
  addWechatAddr() {
    wechatAddressUtil.choose(res => {
      addressModel.saveWechatAddressData(res).then(result => {
        if (result.code === 200) {
          let addressList = this.data.addressList;

          addressList.unshift(result.data);
          this.setData({addressList});
        } else {
          wx.showToast({
            title: result.message,
            icon: 'none',
            duration: 1500
          });
        }
      });
    });
  },
  hideAreaPicker() {
    if (this.data.areaPicker) {
      this.setData({areaPicker: false});
    }
  },
  chooseArea() {
    if (this.data.areaPicker) {
      return;
    }

    let editAddrPageData = this.data.editAddrPageData;

    this.getAreaInfo(editAddrPageData.area_code).then(res => {
      res = res || {};

      this.setData({
        areaPicker: true,
        pickerProvice: res.provice || [],
        pickerCity: res.city || [],
        pickerArea: res.area || [],
        areaValue: res.value
      });
    });
  },
  areaPickerChange(e) {
    const val = e.detail.value;
    const info = this.data;
    const oldCode = info.areaValue;
    const pickerArr = ['pickerProvice', 'pickerCity', 'pickerArea'];
    let obj = {};
    let code;

    for (let i = 0; i < pickerArr.length; i++) {
      let select = info[pickerArr[i]][val[i]];

      obj[pickerArr[i]] = select;

      if (i < 2 && val[i] !== oldCode[i]) {
        code = select.id;
      }
    }

    let editData = info.editAddrPageData;

    if (code) {
      this.getAreaInfo(code).then(res => {
        res = res || {};

        editData.area = res.valueName.join(' ');
        editData.area_code = res.areaCode;

        this.setData({
          editAddrPageData: editData,
          pickerProvice: res.provice || [],
          pickerCity: res.city || [],
          pickerArea: res.area || [],
          areaValue: res.value
        });
      });
    } else {
      editData.area = `${obj[pickerArr[0]].caption} ${obj[pickerArr[1]].caption} ${obj[pickerArr[2]].caption}`;
      editData.area_code = obj[pickerArr[2]].id;

      if (this.editAddress.area_code !== editData.area_code) {
        this.editAddress.changed = true;
      }

      this.setData({editAddrPageData: editData});
    }
  },
  onInputChanged(e) {
    let name = e.currentTarget.dataset.name;

    this.data.editAddrPageData = this.data.editAddrPageData || {};
    this.data.editAddrPageData[name] = e.detail.value;
    this.editAddress = this.editAddress || {};
    if (this.editAddress[name] !== this.data.editAddrPageData[name]) {
      this.editAddress.changed = true;
    }
  }
});