// PromotionList.js
import { API_HOST, SERVICE_HOST } from '../../libs/config';
import { GET, POST } from '../../libs/request';
import { parseBrandListData, cancelFilterSelectState } from '../../utils/productList';
import objectAssign from '../../vendors/object-assign';
import { shouldDiscardTap } from '../../utils/util';
import {
  logEvent,
  YB_PAGE_OPEN_L,
  YB_GDS_ADD_TO_CART_C,
} from '../../libs/analytics.js'

var Picker = require('../goodsDetail/picker/picker.js')

//获取应用实例
let app = getApp();

const screenHeight = app.globalData.systemInfo.screenHeight;
const windowWidth = app.globalData.systemInfo.windowWidth;
const windowHeight = app.globalData.systemInfo.windowHeight;

let PV_ID = new Date().getTime() + '';

Page({

  /**
   * 页面的初始数据
   */
  data: {
    title: "",
    promotionTitle: "",
    promotion_id: "",
    keyword: "",
    showAddShopCartBtn: 1,

    //picker 需要的数据
    //选中的sku
    selectedSKU: 0,
    //选中sku的库存
    storageNumber: 0,
    //判断是否选择了颜色
    colorSelected: false,
    pickerData: {
      view: {
        isShow: false,
        isSoldOutSoon: false, //是否显示即将售罄
        goodsList: [],
        sizeList: [],
        image: '',
        goodPrice: '',
        price: '',
        buyNumber: 1,
        minusButtonEnable: false,
        plusButtonEnable: true,
        buyButtonEnable: true,
        skcTitle: '',
        skuTitle: ''
      },
      sourceType: 'promotionProductList',
    },
    

    lastTapTimeStamp: 0,

    screenHeight,
    windowHeight,

    from_page_name: '',
    from_page_param: '',
    current_page_name: 'goodsList',

    gender: '',

    order: '',

    filter: {
      item1: {
        key: 'item1',
        name: '默认',
        asc: '',
        isRadio: true,
        selected: true,
      },
      item2: {
        key: 'item2',
        name: '新品',
        asc: 's_t_desc',
        isRadio: true,
        selected: false,
      },
      item3: {
        key: 'item3',
        name: '价格',
        defaults: 'asc',
        asc: 's_p_asc',
        desc: 's_p_desc',
        isRadio: false,
        isAsc: true,
        selected: false,
      },
      item4: {
        key: 'item4',
        name: '折扣',
        defaults: 'desc',
        asc: 'p_d_desc',
        desc: 'p_d_asc',
        isRadio: false,
        isAsc: false,
        selected: false,
      }
    },
    filterGenderItem: {
      key: 'filterGenderItem',
      name: '男生',
      isRadio: true,
      selected: true,
      hiddenGenderSelectView: true,
    },
    genderFilter: {
      item1: {
        key: 'item1',
        name: '男生/BOYS',
        selected: true,
        value: '1',
        title: '男生',
      },
      item2: {
        key: 'item2',
        name: '女生/GIRLS',
        selected: false,
        value: '2',
        title: '女生',
      }
    },
    list: {
      isLoading: false,
      error: null,
      data: null,
      pageSize: 60,
      currentPage: 0,
      pageCount: 0,
      total: 0,
      endReached: false,
    },
    _placeholder: '搜索该促销活动适用的商品',
    coupon_id: '',
    coupon_code: '',
    coupon_title: '',
    isShowIndicator: false,
    scrollTop: 0
  },
  resetChannelFilterInfo: function (gender) {
    let filterGenderItem = this.data.filterGenderItem;
    let genderFilter = this.data.genderFilter;
    filterGenderItem.name = gender;
    for (let itemKey in genderFilter) {
      if (genderFilter.hasOwnProperty(itemKey)) {
        if (genderFilter[itemKey].title == gender) {
          genderFilter[itemKey].selected = true;
        } else {
          genderFilter[itemKey].selected = false;
        }
      }
    }
    this.setData({ filterGenderItem, genderFilter });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // console.log(options);
    var that = this;
    Picker.init(that);

    new app.WeToast();

    let title = options.title;
    let promotionTitle = options.promotionTitle;
    let promotion_id = options.promotion_id;

    this.setData({
      title, promotionTitle, promotion_id
    });


    let gender = options.gender;

    let from_page_name = options.page_name ? options.page_name : '';
    let from_page_param = options.page_param ? options.page_param : '';
    this.setData({
      title, gender, from_page_name, from_page_param
    });
    this.resetChannelFilterInfo(app.globalData.selectedChannel == 'boy' ? '男生' : '女生');

    var pages = getCurrentPages()
    var currentPage = pages[pages.length - 1]
    var url = currentPage.route

    let params = {
      PAGE_NAME: this.data.current_page_name,
      FROM_PAGE_NAME: this.data.from_page_name,
      FROM_PAGE_PARAM: this.data.from_page_param,
      PV_ID: PV_ID,
      PAGE_PATH: url        
    };
    logEvent(YB_PAGE_OPEN_L, params);

    if (from_page_name == 'coupon') {
      let _coupon_id = options.coupon_id;
      let _coupon_code = options.coupon_code;
      let _coupon_title = options.coupon_title;
      /** coupon_id:'',
    coupon_code:'',
    coupon_title:'', */
      this.setData({
        coupon_id: _coupon_id,
        coupon_code: _coupon_code,
        coupon_title: _coupon_title,
        _placeholder: '搜索该优惠活动适用的商品'
      })
    };

    this.fetchListData();

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    wx.setNavigationBarTitle({
      title: this.data.title,
    });
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  onPullDownRefresh: function () {
    // 页面相关事件处理函数--监听用户下拉动作
    let params = {
      PAGE_NAME: this.data.current_page_name,
      FROM_PAGE_NAME: this.data.from_page_name,
      FROM_PAGE_PARAM: this.data.from_page_param,
      PV_ID: PV_ID,
    };
    logEvent(YB_PAGE_OPEN_L, params);
  },
  loadMore: function () {
    // 页面上拉触底事件的处理函数

    this.fetchListData();
  },

  //品牌商品列表
  fetchListData: function () {
    if (this.data.list.isLoading || this.data.list.endReached) {
      return;
    }

    let page = this.data.list.currentPage + 1;
    let param;
    if (this.data.from_page_name == 'coupon') {
      // console.log('来自优惠券页面');
      param = {
        method: 'app.search.coupon.productList',
        coupon_id: this.data.coupon_id,
        coupon_code: this.data.coupon_code,
        order: this.data.order,
        gender: this.data.gender,
        page,
        limit: this.data.list.pageSize,
        query: this.data.keyword,
      }
    } else {
      param = {
        method: 'app.search.promotion.productList',
        gender: this.data.gender,
        order: this.data.order,
        promotion_id: this.data.promotion_id,
        page,
        limit: this.data.list.pageSize,
        query: this.data.keyword,
      }
    }

    let list = objectAssign(this.data.list, { isLoading: true, });
    this.setData({ list });

    GET(API_HOST, param)
      .then(json => {
        if (!json || !json.code || json.code != 200) {
          let list = objectAssign(this.data.list, { isLoading: false, error: { code: json.code, message: json.message } });
          this.setData({ list });
          return;
        }

        json = json.data;

        let currentPage = json && json.page ? json.page : 1;
        let pageCount = json && json.page_total ? json.page_total : 0;
        let total = json && json.total ? json.total : 0;
        let endReached = currentPage == pageCount;

        let data = json.product_list;
        data = parseBrandListData(data);

        if (currentPage > 1) {
          let oldList = this.data.list.data;
          data = [...oldList, ...data];
        }

        let newList = {
          isLoading: false,
          data,
          currentPage,
          pageCount,
          total,
          endReached,
        };
        let list = objectAssign(this.data.list, newList);
        this.setData({ list });
      })
      .catch(error => {
        let list = objectAssign(this.data.list, { isLoading: false, error, });
        this.setData({ list });
      });
  },

  //点击筛选
  filterTapped: function (event) {
    let data = event.currentTarget.dataset;
    let key = data.key;

    let item = this.data.filter[key];
    // 单选
    if (item.isRadio) {
      // 已选中 结束
      if (item.selected) {
        return;
      }

      // 选中当前filter
      item.selected = true;

      // 遍历所有filter，设置非当前filter为不选中
      let newFilters = cancelFilterSelectState(this.data.filter, key);
      newFilters[key] = item;

      let newList = objectAssign(this.data.list, { currentPage: 0, pageCount: 0, total: 0, endReached: false, });
      this.setData({ filter: newFilters, order: item.asc, list: newList });

      this.fetchListData();
      // 多选
    } else {

      // 已选中
      if (item.selected) {

        // 修改当前filter排序
        item.isAsc = !item.isAsc;
        let order = item.isAsc ? item.asc : item.desc;
        let newFilters = this.data.filter;
        newFilters[key] = item;

        let newList = objectAssign(this.data.list, { currentPage: 0, pageCount: 0, total: 0, endReached: false, });
        this.setData({ order, filter: newFilters, list: newList });

        this.fetchListData();
        // 未选中
      } else {

        // 选中当前filter
        item.selected = true;
        // 读取当前filter默认排序
        let defaultKey = item.defaults;
        let order = item[defaultKey];

        item.isAsc = defaultKey == 'asc';

        // 遍历所有filter，设置非当前filter为不选中
        let newFilters = cancelFilterSelectState(this.data.filter, key);
        newFilters[key] = item;

        let newList = objectAssign(this.data.list, { currentPage: 0, pageCount: 0, total: 0, endReached: false, });
        this.setData({ order, filter: newFilters, list: newList });

        this.fetchListData();
      }
    }
  },

  hiddenGenderFilter: function (event) {
    let filterGenderItem = this.data.filterGenderItem;
    filterGenderItem.hiddenGenderSelectView = true;
    this.setData({ filterGenderItem });
  },
  filterGenderItemTapped: function (event) {
    let filterGenderItem = this.data.filterGenderItem;
    filterGenderItem.hiddenGenderSelectView = !filterGenderItem.hiddenGenderSelectView;
    this.setData({ filterGenderItem });
  },

  maskTouchStart: function (event) {
    this.hiddenGenderFilter();
  },
  genderFilterTapped: function (event) {
    let data = event.currentTarget.dataset;
    let key = data.key;
    let item = this.data.genderFilter[key];

    if (item.selected) {
      this.hiddenGenderFilter();
      return;
    }

    let filterGenderItem = this.data.filterGenderItem;
    filterGenderItem.name = item.title;
    // 选中当前filter
    item.selected = true;
    // 遍历所有filter，设置非当前filter为不选中
    let newFilters = cancelFilterSelectState(this.data.genderFilter, key);
    newFilters[key] = item;

    let newList = objectAssign(this.data.list, { currentPage: 0, pageCount: 0, total: 0, endReached: false, });
    this.setData({ filterGenderItem, genderFilter: newFilters, list: newList, gender: item.value });
    this.hiddenGenderFilter();
    this.fetchListData();

  },

  navToShopCartAction: function() {
    wx.switchTab({
      url: '../shopCart/shopCart',
    })
  },

  //搜索框文字改变
  inputChanged: function (event) {
    let keyword = event.detail.value;
    this.setData({ keyword });
  },

  //搜索框获取焦点焦点
  focusChanged: function (event) {

  },

  //搜索框键盘点击确定
  inputConfirmed: function (event) {
    let keyword = event.detail.value;
    let newList = objectAssign(this.data.list, { currentPage: 0, pageCount: 0, total: 0, endReached: false, });
    let newFilter = {
      item1: objectAssign(this.data.filter.item1, { selected: true }),
      item2: objectAssign(this.data.filter.item2, { selected: false }),
      item3: objectAssign(this.data.filter.item3, { selected: false }),
      item4: objectAssign(this.data.filter.item4, { selected: false }),
    };

    this.setData({ keyword, list: newList, filter: newFilter, order: '' });

    this.fetchListData();
  },

  addToShopCartAction: function(event) {
    let product = event.currentTarget.dataset.item;
    // console.log(product);
    let product_skn = product.product_skn;

    Picker.promotion_id = this.data.promotion_id;
    // console.log(product_skn);
    let param = {
      method: 'app.product.data',
      uid: app.getUid(),
      product_skn,
      promotion_id: this.data.promotion_id,
    };
    var that = this

    GET(API_HOST, param)
      .then(data => {
        // console.log(data);
        if (!data || data.code != 200)
          return;

        data.data.goods_list = (data.data.goods_list || []).filter(item => {
          return item.status;
        });

        let color_length = 0;
        if (data.data.goods_list) {
          color_length = data.data.goods_list.length;
        }
        let ImgUrls = [];
        data.data.goods_list && data.data.goods_list.map((item, index) => {
          let images = item.color_image.replace(/{width}/g, 144).replace(/{height}/g, 192).replace('{mode}', 2);
          ImgUrls = [...ImgUrls, images];
          if (index == 0 && color_length == 1) {
            item.selected = true;
            that.data.colorSelected = true;
          }
        });

        let isSoldOutSoon = false;
        let tags = data.data.tags;
        if (tags) {
          tags.map((item) => {
            if (item == "is_soon_sold_out") {
              isSoldOutSoon = true;
            }
          });
        }

        //pickerData
        var temData = that.data.pickerData;
        temData.view.goodsList = data.data.goods_list;
        temData.view.isSoldOutSoon = isSoldOutSoon;
        temData.view.skuTitle =  data.data.skuTitle;
        temData.view.skcTitle = data.data.skcTitle
        //默认显示第一种颜色的尺码
        temData.view.sizeList = data.data.goods_list.length > 0 ? data.data.goods_list[0].size_list : [];

        let plusButtonEnable = false;
        let minusButtonEnable = false;
        //根据库存设置该尺码是否可以选择
        let size_length = 0;
        if (temData.view.sizeList) {
          size_length = temData.view.sizeList.length;
        }
        temData.view.sizeList && temData.view.sizeList.map((item, index) => {
          item.enable = item.storage_number > 0 ? true : false;
          if (index == 0 && size_length == 1 && that.data.colorSelected) {
            //当颜色被选中 并且只有一个size 时 才会自动 做选中尺码操作
            temData.view.buyButtonEnable = item.enable;
            if (item.enable) {
              item.selected = true;
              plusButtonEnable = item.storage_number > 1;
              that.setData({
                selectedSKU: item.product_sku,
                storageNumber: item.storage_number,
              });
            }
          }
        });

        temData.view.plusButtonEnable = plusButtonEnable;
        temData.view.minusButtonEnable = minusButtonEnable;
        temData.view.image = ImgUrls.length > 0 ? ImgUrls[0] : '';
        temData.view.price = data.data.format_market_price;
        temData.view.goodPrice = data.data.format_sales_price;

        that.setData({
          pickerData: temData,
        });

        Picker.pickerShow(event, that);
      })
      .catch(error => {
        that.wetoast.toast({
          title: error.code + error.message + '',
          titleClassName: 'wetoast-title',
          duration: 1000
        });
      });
  },

  //减少购买数量
  bindMinus: function (event) {
    let pickerData = this.data.pickerData;
    let buyNumber = parseInt(pickerData.view.buyNumber);
    if (buyNumber > 1) {
      buyNumber = buyNumber - 1;
    }

    pickerData.view.buyNumber = buyNumber;

    if (buyNumber == 1) {
      pickerData.view.minusButtonEnable = false;
    } else {
      pickerData.view.minusButtonEnable = true;
    }

    if (buyNumber < this.data.storageNumber) {
      pickerData.view.plusButtonEnable = true;
    }
    this.setData({ pickerData });
  },

  //增加购买数量
  bindPlus: function (event) {
    if (!this.data.colorSelected) {
      this.wetoast.toast({
        title: '请选择颜色',
        titleClassName: 'wetoast-title',
        duration: 1000
      });

      return;
    }

    if (!this.data.selectedSKU) {
      this.wetoast.toast({
        title: '请选择尺码',
        titleClassName: 'wetoast-title',
        duration: 1000
      });

      return;
    }

    let pickerData = this.data.pickerData;
    let buyNumber = pickerData.view.buyNumber;

    if (buyNumber >= this.data.storageNumber) {
      this.plusReachedMaxAction();
      return;
    }

    if (buyNumber < this.data.storageNumber) {
      pickerData.view.plusButtonEnable = true;
      buyNumber = parseInt(buyNumber) + 1;
    }

    if (buyNumber >= this.data.storageNumber) {
      pickerData.view.plusButtonEnable = false;
    }

    if (buyNumber > 1) {
      pickerData.view.minusButtonEnable = true;
    }

    pickerData.view.buyNumber = buyNumber;
    this.setData({ pickerData });
  },

  plusReachedMaxAction: function () {
    this.wetoast.toast({
      title: '对不起，没有更多库存了',
      titleClassName: 'wetoast-title',
      duration: 1000
    });
  },

  //点击背景，隐藏picker
  pickerTap: function (event) {
    if (event.target.id == "picker-bg") {
      var that = this
      Picker.pickerHide(event, that);
      this.resetPickerData();
    }
  },

  //点击选择颜色
  colorTap: function (event) {
    //更新各个颜色的选中状态
    var that = this
    var tempData = that.data.pickerData;
    //先遍历将所有颜色、尺码置为未选中状态
    // console.log('color')
    // console.log(tempData.view.goodsList)

    tempData.view.goodsList && tempData.view.goodsList.map((item, index) => {
      item.selected = false
      item.size_list.map((subItem, index) => {
        subItem.selected = false
        subItem.enable = subItem.storage_number > 0 ? true : false
      });
    });

    //将当前颜色置为选中状态
    var tempItem = event.target.dataset.key

    //遍历颜色尺码，根据库存切换显示状态
    tempItem && tempItem.size_list && tempItem.size_list.map((item, index) => {
      item.enable = item.storage_number > 0 ? true : false
    })

    tempItem.selected = true

    //设置标志位，表示已经选择颜色
    let colorSelected = true

    //重置库存、当前选中sku的值
    tempData.storageNumber = 0
    tempData.selectedSKU = 0

    tempData.view.goodsList[Number(event.target.id)] = tempItem
    tempData.view.sizeList = tempItem.size_list

    tempData.view.minusButtonEnable = false
    //将购买数量设为初始状态
    tempData.view.buyNumber = 1

    this.setData({
      colorSelected,
      pickerData: tempData,
    });
  },

  //点击选择尺码
  sizeTap: function (event) {
    var that = this
    var tempData = that.data.pickerData

    //现遍历将所有尺码置为未选中状态
    tempData.view.sizeList && tempData.view.sizeList.map((item, index) => {
      item.selected = false
    });

    //将当前尺码置为选中状态
    var tempItem = event.currentTarget.dataset.key
    tempItem.selected = true
    tempData.view.sizeList[parseInt(event.currentTarget.id)] = tempItem

    //设置数量加减按钮启用状态
    tempData.view.plusButtonEnable = tempItem.storage_number > 1
    tempData.view.minusButtonEnable = false
    tempData.view.buyButtonEnable = true
    //将购买数量设为初始状态
    tempData.view.buyNumber = 1
    // console.log(event)
    if (tempItem.storage_number <= 0) {
      this.wetoast.toast({
        title: '该尺码已经售罄',
        titleClassName: 'wetoast-title',
        duration: 1000
      });

      tempData.view.buyButtonEnable = false
    }
    this.setData({
      pickerData: tempData,
      selectedSKU: tempItem.storage_number > 0 ? tempItem.product_sku : 0,
      storageNumber: tempItem.storage_number,
    });
  },
  addShopCart: function (event) {
    let that = this;
    let select_sku = that.data.selectedSKU;
    let buy_number = that.data.pickerData.view.buyNumber;

    if (!select_sku) {
      that.wetoast.toast({
        title: '请选择颜色或尺码',
        titleClassName: 'wetoast-title',
        duration: 1000
      });
      return;
    }

    Picker.pickerHide(event, that);
    that.resetPickerData();

    logEvent(YB_GDS_ADD_TO_CART_C, { 'PRD_SKU': select_sku, 'POS_ID': (that.data.from_page_name == 'coupon' ? 102 : 101)});
    
    let goodsInfo = {
      method: "app.Shopping.add",
      product_sku: select_sku,
      buy_number: buy_number,
      edit_product_sku: 0,
      promotion_id: "",
      goods_type: 0,
      selected: "Y",
    };
    // console.log('添加凑单商品');
    // console.log(goodsInfo);
    GET(API_HOST, goodsInfo)
      .then(json => {
        if (json && json.code) {
          that.wetoast.toast({
            title: json.message,
            titleClassName: 'wetoast-title',
            duration: 1000
          });
        }
      })
      .catch(error => {
        
      });
  },
  resetPickerData: function (event) {
    let pickerData = this.data.pickerData;
    pickerData.view.buyNumber = 1;
    this.setData({
      pickerData,
      selectedSKU: 0,
      storageNumber: 0,
      colorSelected: false,
    })
  },  

  scroll: function (e) {
    var { scrollTop } = e.detail;
    var isShow = scrollTop > windowHeight * 2 ? true : false;
    if (isShow != this.data.isShowIndicator) {
      this.setData({
        isShowIndicator: isShow
      });
    }
  },

  backToTop: function () {
    this.setData({
      scrollTop: 0
    })
  }
})