//brand.js
import api from '../../common/api.js';
import {parseBrandListData, cancelFilterSelectState} from '../../utils/productListUtil';

// import {
//   logEvent,
//   YB_PAGE_OPEN_L,
// } from '../../libs/analytics.js'

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

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

const BANNER_RATIO = 234 / 750;
let bannerWidth = windowWidth;
let bannerHeight = bannerWidth * BANNER_RATIO;

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

Page({
  data:{
    lastTapTimeStamp: 0,

    screenHeight,
    bannerWidth,
    bannerHeight,

    brand_id: 0,
    brand_name: '',
    order: 's_t_desc',
    gender: '1,3',

    from_page_name: '',
    from_page_param: '',
    current_page_name: 'brand',
    current_page_param: '',


    info: {
      isLoading: false,
      error: null,
      data: null,  
    },
    banner: {
      isLoading: false,
      error: null,
      data: null,
    },
    list: {
      isLoading: false,
      error: null,
      data: null,
      pageSize: 60,
      currentPage: 0,
      pageCount: 0,
      total: 0,
      endReached: false,
    },
    filter: {
      item1: {
        key: 'item1',
        name: '新品',
        asc: 's_t_desc',
        isRadio: true,
        selected: true, 
      },
      item2: {
        key: 'item2',
        name: '人气',
        asc: 's_n_asc',
        isRadio: true,
        selected: false, 
      },
      item3: {
        key: 'item3',
        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: '全部',
        selected: false,
        value: '1,2,3',
        title: '全部',
      },
      item2: {
        key: 'item2',
        name: '男生/BOYS',
        selected: true,
        value: '1,3',
        title: '男生',
      },
      item3: {
        key: 'item3',
        name: '女生/GIRLS',
        selected: false,
        value: '2,3',
        title: '女生',
      }
    },
    fixedFilter: false,
    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){
    // 生命周期函数--监听页面加载
    let brand_id = options.brandId ? options.brandId : 0;
    if (!brand_id) {
      brand_id = options.brand_id ? options.brand_id : 0;
    }
    
    let brand_name = options.brandName ? options.brandName : '';
    if (!brand_name) {
      brand_name = options.brand_name ? options.brand_name : '';
    }

    if (options && options.scene && options.scene.length > 0) {
      var scene = decodeURIComponent(options.scene)
      if (scene.length > 0) brand_id = scene;
    }
    
    let gender = app.globalData.selectedChannel == 'boy' ? '1,3' : '2,3';
    this.resetChannelFilterInfo(app.globalData.selectedChannel == 'boy' ? '男生' : '女生');
    let from_page_name = options.page_name ? options.page_name : '';
    let from_page_param = options.page_param ? options.page_param : '';
    let current_page_param = brand_id;

    this.setData({ brand_id, brand_name, gender,from_page_name, from_page_param, current_page_param });

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

    let params = {
      PAGE_NAME: this.data.current_page_name,
      PAGE_PARAM: this.data.current_page_param,
      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);

    this.fetchBrandInfo();
    this.fetchBanner();
    this.fetchListData();
  },
  onReady:function(){
    // 生命周期函数--监听页面初次渲染完成
    if(this.data.brand_name==='MO')
      this.setData({
        brand_name:'MO&Co'
      });

    if (this.data.brand_name !== null && this.data.brand_name !== undefined && this.data.brand_name !== '') {
      let brandName = this.data.brand_name
      tt.setNavigationBarTitle({
        title: brandName,
      });
    }
  },
  onShow:function(){
    // 生命周期函数--监听页面显示
    
  },
  onHide:function(){
    // 生命周期函数--监听页面隐藏
    
  },
  onUnload:function(){
    // 生命周期函数--监听页面卸载
    
  },
  onPullDownRefresh: function() {
    // 页面相关事件处理函数--监听用户下拉动作
    var that = this
    let params = {
      PAGE_NAME: that.data.current_page_name,
      PAGE_PARAM: that.data.current_page_param,
      FROM_PAGE_NAME: that.data.from_page_name,
      FROM_PAGE_PARAM: that.data.from_page_param,
      PV_ID: PV_ID,
    };
    logEvent(YB_PAGE_OPEN_L, params);

  },
  loadMore: function() {
    // 页面上拉触底事件的处理函数
    this.fetchListData();
  },

  //品牌信息
  fetchBrandInfo: function() {
    let param = {
      method: 'app.brand.getBrandIntro',
      brand_id: this.data.brand_id,
    }
    let that = this;
    this.setData({
      info: {
        isLoading: true,
      }
    });
    api.get({data:param})
    .then(data => {
      if (!data || !data.code || data.code != 200) {
        that.setData({
          info: {
            isLoading: false,
            error: {code: data.code, message: data.message},
          }
        });
        return;
      }

      if (data.data.brand_name !== null && data.data.brand_name !== undefined && data.data.brand_name !== ''){
        let brandName = data.data.brand_name
        tt.setNavigationBarTitle({
          title: brandName,
        });
      }

      that.setData({
        info: {
          isLoading: false,
          data: data.data,
        }
      });
    })
    .catch(error => {
      that.setData({
        info: {
          isLoading: false,
          error,
        }
      });
    });
  },

  //品牌banner
  fetchBanner: function() {
    let param = {
      method: 'app.brand.banner',
      brand_id: this.data.brand_id,
    }
    let that = this;
    this.setData({
      banner: {
        isLoading: true,
      }
    });
    api.get({data:param})
    .then(data => {
      if (!data || !data.code || data.code != 200) {
        that.setData({
          banner: {
            isLoading: false,
            error: {code: data.code, message: data.message},
          }
        });
        return;
      }

      let image = data.data.banner.replace(/{width}/g, bannerWidth*3).replace(/{height}/g, bannerHeight*3).replace('{mode}',2);
      that.setData({
        banner: {
          isLoading: false,
          data: image,
        },
        fixedFilter: image ? false : true,
      });
    })
    .catch(error => {
      that.setData({
        banner: {
          isLoading: false,
          error,
        }
      });
    });
  },

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

    let that = this;
    let page = this.data.list.currentPage + 1;
    let param = {
      method: 'app.search.brand',
      brand: this.data.brand_id,
      brand_id: this.data.brand_id,
      order: this.data.order,
      page,
      gender: this.data.gender,
      limit: this.data.list.pageSize,
    }

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

    api.get({data:param})
    .then(json => {
      if (!json || !json.code || json.code != 200) {
        let list = Object.assign(that.data.list, {isLoading: false, error: {code: json.code, message: json.message}});
        that.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 = that.data.list.data;
        data = [...oldList, ...data];
      }

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

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

    let item = this.data.filter[key];
    this.hiddenGenderFilter();
    // 单选
    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 = Object.assign(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 = Object.assign(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 = Object.assign(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 = Object.assign(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();

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

    if (!this.data.banner.data) {
      return;
    }
    let y = scrollTop;
    this.setData({ 
      fixedFilter: y >= bannerHeight
    });
  },

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