import api from '../../common/api.js';
import router from '../../router/index.js'
// import { getShopID } from '../../utils/util';

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

let app = getApp();
let bannerW = 640;
let bannerH = 310;
let itemWidth = Math.ceil((app.globalData.systemInfo.windowWidth - 40) / 3);
let itemHeight = itemWidth - 40;
let PV_ID = new Date().getTime() + '';
let imageW = 368;
let imageH = 184
const windowHeight = app.globalData.systemInfo.windowHeight;
const scrollHeight = windowHeight;

Page({
  /**
   * 页面的初始数据
   */
  data: {
    windowHeight,
    scrollHeight,

    itemWidth,
    itemHeight,
    currentChannelId: "1",

    scrollToView: '',
    indicatorDots: true,
    autoplay: true,
    interval: 4000,
    duration: 1000,
    banner: [],
    custom_brands: '',
    switchData:{},

    all_list: [],
    hot_list: [],
    new_list: [],
    all_list_key: [],

    //数据分开放，防止一个数据大于1M，微信报错
    cacheBrandListDataForMen: '',
    cacheBrandListDataForWoMen: '',
    cacheBrandListDataForKid: '',
    //数据分开放，防止一个数据大于1M，微信报错
    cacheBrandResourceDataForMen: '',
    cacheBrandResourceDataForWoMen: '',
    cacheBrandResourceDataForKid: '',

    hotKeyword: {},
    searching: false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let channelId = options.currentChannelId;
    if (!channelId) {
      channelId = app.globalData.cid;
    }
    this.setData({ currentChannelId: channelId });
    this.fetchBrandList();
    this.fetchBrandResourceB();
    this.fetchHotKeyword();

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

    // let params = {
    //   PAGE_NAME: 'brands',
    //   PAGE_PARAM: '',
    //   FROM_PAGE_NAME: 'category',
    //   FROM_PAGE_PARAM: '',
    //   PV_ID: PV_ID,
    //   PAGE_PATH: url
    // };
    // logEvent(YB_PAGE_OPEN_L, params);
  },

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

  },

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

  },

  onReachBottom: function () {

  },

  switchBrandFliter: function (event) {
    let currentBrandFliter = event.detail.currentTarget.dataset.brandFliter;
    let brandsTextFilter = this.data.switchData.brandsTextFilter;
    this.setData({
      switchData:{brandsTextFilter,currentBrandFliter}
    });
  },

  switchChannel: function (event) {
    let currentChannelId = event.detail.currentTarget.dataset.channel;
    this.updateChannelData(currentChannelId);

    // let params = {
    //   TAB_ID: currentChannelId,
    // };
    // logEvent(YB_BRAND_TAB_C, params);

  },

  updateChannelData: function (currentChannelId) {
    let scrollToView = 'newsearchSpace';

    this.setData({
      scrollToView,
      currentChannelId,
    });

    this.getBrandsData();
  },

  getBrandsData: function () {

    let brandListData = this.data.cacheBrandListDataForMen;
    let brandResourceData = this.data.cacheBrandResourceDataForMen;

    //检查缓存是否存在数据，如果不存在则获取
    let key = this.data.currentChannelId;

    if(key == 1) {
      brandListData = this.data.cacheBrandListDataForMen ? this.data.cacheBrandListDataForMen : '';
      brandResourceData = this.data.cacheBrandResourceDataForMen ? this.data.cacheBrandResourceDataForMen : '';
    } else if(key == 2) {
      brandListData = this.data.cacheBrandListDataForWoMen ? this.data.cacheBrandListDataForWoMen : '';  
      brandResourceData = this.data.cacheBrandResourceDataForWoMen ? this.data.cacheBrandResourceDataForWoMen : '';

    }else if(key == 3) {
      brandListData = this.data.cacheBrandListDataForKid ? this.data.cacheBrandListDataForKid : ''; 
      brandResourceData = this.data.cacheBrandResourceDataForKid ? this.data.cacheBrandResourceDataForKid : ''; 
    }

    if (brandListData) {
      let all_list = brandListData.all_list;
      let hot_list = brandListData.hot_list;
      let new_list = brandListData.new_list;
      let all_list_key = brandListData.all_list_key;
      this.setData({
        all_list,
        hot_list,
        new_list,
        all_list_key,
      });
    } else {
      this.fetchBrandList();
    }

    if (brandResourceData) {
      let banner = brandResourceData.banner;
      let custom_brands = brandResourceData.custom_brands;
      let brandsTextFilter = brandResourceData.brandsText;
      let currentBrandFliter = 0;
      this.setData({
        banner,
        custom_brands,
        switchData:{brandsTextFilter,currentBrandFliter}
      });
    } else {
      this.fetchBrandResourceB();
    }
    this.fetchHotKeyword();
  },
  
  /**
   * 获取品牌列表
   */
  fetchBrandList: function () {
    let param = {
      method: 'app.brand.allBrandList',
      yh_channel: this.data.currentChannelId,
      fromPage: 'iFP_Brand'
    }
    let that = this;
    api.get({data:param})
      .then(data => {
        let json = parseListResources(data.data);
        let all_list = json.all_list;
        let hot_list = json.hot_list;
        let new_list = json.new_list;
        let all_list_key = json.all_list_key;
        //记录缓存数据
        let key = that.data.currentChannelId;
        if (key == 1) {
          that.setData({
            cacheBrandListDataForMen: json,
          });
        } else if (key == 2) {
          that.setData({
            cacheBrandListDataForWoMen: json,
          });
        } else if (key == 3) {
          that.setData({
            cacheBrandListDataForKid: json,
          });
        }

        that.setData({
          all_list,
          hot_list,
          new_list,
          all_list_key,
        });
      })
      .catch(error => {

      });
  },

  fetchBrandResourceB: function () {
    let channel = this.data.currentChannelId;
    let content_code = '';
    if (channel == 1) {
      content_code = 'ce6ac059493ec26241a8cbe0bfa1b17a';
    } else if (channel == 2) {
      content_code = 'dac99cdedc1f948e84c145aca561f7d2';
    } else if (channel == 3) {
      content_code = '713784f93f52bb1a7b93916b2bb15510';
    } else if (channel == 4) {
      content_code = 'f1aa914fd23cbcda71a87de6f5416c75';
    }
    let that = this;
    let param = {
      method: 'app.brand.fromBigData',
      channel_id: channel,
      content_code,
      fromPage: 'iFP_Brand'
    }

    api.get({data:param})
      .then(data => {
        let json = parseResourceResources(data.data);
        let banner = json.banner;
        let custom_brands = json.custom_brands;
        let brandsTextFilter = json.brandsText;
        let currentBrandFliter = 0;
        //记录缓存数据
        let key = that.data.currentChannelId;        
        if (key == 1) {
          that.setData({
            cacheBrandResourceDataForMen: json,
          });
        } else if (key == 2) {
          that.setData({
            cacheBrandResourceDataForWoMen: json,
          });
        } else if (key == 3) {
          that.setData({
            cacheBrandResourceDataForKid: json,
          });
        }
        that.setData({
          banner,
          custom_brands,
          switchData:{brandsTextFilter,currentBrandFliter}
        });
      })
      .catch(error => {

      });
  },

  fetchHotKeyword: function () {
    let app = getApp();
    let that = this;
    let param = {
      method: 'app.search.hotBrands',
      uid: app.getUid(),
      sourcePage: 'iFP_SearchProList',
    }

    api.get({data:param})
      .then(data => {
        let hotKeyword = data;
        that.setData({
          hotKeyword,
        });
      })
      .catch(error => {

      });
  },

  activityItemTapped: function (event) {
    let brandItem = event.currentTarget.dataset.brandItem;
    let jumpUrl = brandItem.url;
    router.goUrl(jumpUrl);

    // let F_ID = event.currentTarget.dataset.f_id;
    // let I_INDEX = event.currentTarget.dataset.i_index + 1;
    // let F_INDEX = event.currentTarget.dataset.f_index;
    // let params = {
    //   TAB_ID: this.data.currentChannelId,
    //   F_ID,
    //   F_INDEX,
    //   I_INDEX,
    //   F_URL: jumpUrl,
    //   SHOP_ID: getShopID(jumpUrl),
    // };
    // logEvent(YB_BRAND_FLR_C, params);    
  },
  
  brandItemTapped: function(event) {
    let brandItem = event.detail.currentTarget.dataset.brandItem;

    let shop_id = brandItem.shop_id;
    if (shop_id) {
      tt.navigateTo({
        url: '../brandStore/brandStore?shop_id=' + shop_id + '&shop_name' + brandItem.brand_name + '&page_name=' + 'brands' + '&page_param=' + ''
      });
    }else{
      shop_id = brandItem.id;
      tt.navigateTo({
        url: '../brandStore/brand?brandId=' + shop_id + '&brandName=' + brandItem.brand_name + '&page_name=' + 'brands' + '&page_param=' + ''
      });
    }

    // let F_ID = event.currentTarget.dataset.f_id;
    // let F_INDEX = event.currentTarget.dataset.f_index;
    // let I_INDEX = event.currentTarget.dataset.i_index + 1;
    // let params = {
    //   TAB_ID: this.data.currentChannelId,
    //   F_ID,
    //   F_INDEX,
    //   I_INDEX,
    //   BRD_CATE: this.data.currentBrandFliter,
    //   F_URL: '../brandStore/brandStore?shop_id=' + shop_id + '&shop_name' + brandItem.brand_name,
    //   SHOP_ID: shop_id,
    // };
    // logEvent(YB_BRAND_FLR_C, params);
  },


  handlerAlphaTap(e) {
    let ap = e.target.dataset.ap;
    this.setData({ scrollToView: ap });
  },

  dismissSearchView(e) {
    this.setData({ searching: false });
  },

  showSearchView(e) {
    this.setData({ searching: true });

    // let params = {
    //   SEARCH_POS: 2,
    // };
    // logEvent(YB_SEARCH_C, params);

  },

})


function parseListResources(json) {
  let all_list_old = json.all_list;
  let hot_list = json.hot_list;
  let new_list = json.new_list;

  if (isEmptyObject(all_list_old)) {
    return json;
  }
  let reg = /^[a-zA-Z]*$/;
  let all_list = {};
  let otherList = [];
  let all_list_key = [];

  for (let k in all_list_old) {
    all_list_key.push(k);

    if (reg.test(k)) {
      all_list[k] = all_list_old[k];
    } else {
      Array.prototype.push.apply(otherList, all_list_old[k]);
    }
  }
  all_list['0-9'] = otherList;

  for (var i = 0; i < hot_list.length; i++) {
    let item = hot_list[i];
    item.brand_ico = item.brand_ico.replace(/{width}/g, 368).replace(/{height}/g, 184).replace('{mode}', 2);
  }

  for (var i = 0; i < new_list.length; i++) {
    let item = new_list[i];
    item.brand_ico = item.brand_ico.replace(/{width}/g, 368).replace(/{height}/g, 184).replace('{mode}', 2);
  }
  return {
    all_list,
    hot_list,
    new_list,
    all_list_key,
  };
}

function parseResourceResources(json) {

  let banner = [];
  let custom_brands;
  let brandsText = [];

  brandsText.push({ key: 'default', name: '全部品牌' });

  for (var i = 0; i < json.length; i++) {
    if (json[i].template_name == 'focus') {
      banner = json[i].data;
      for (var j = 0; j < banner.length; j++){
        let item = banner[j];
        item.src = item.src.replace(/{width}/g, bannerW).replace(/{height}/g, bannerH).replace('{mode}', 2);
      }
    }
    if (json[i].template_name == 'custom_brands') {
      custom_brands = json[i].data;
      let list = custom_brands.list;
      for (var j = 0; j < list.length; j++) {
        let item = list[j];
        item.src = item.src.replace(/{width}/g, bannerW).replace(/{height}/g, bannerH).replace('{mode}', 2);
      }
    }
    if (json[i].template_name == 'text') {
      let data = json[i].data;
      let template_id = json[i].template_id;
      let text = data.text;
      brandsText.push({ key: template_id, name: text });
    }
  }

  return {
    banner,
    custom_brands,
    brandsText,
  };
}

function isEmptyObject(obj) {
  for (var key in obj) {
    return false;
  }
  return true;
}