'use strict'

import React, {Component} from 'react';
import ReactNative, {
    StyleSheet,
    Dimensions,
    Platform,
    View,
    Text,
    NativeModules,
    InteractionManager,
    NativeAppEventEmitter,
} from 'react-native'

import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import {Map} from 'immutable';
import * as brandActions from '../reducers/brand/brandActions';

import Brand from '../components/brand/Brand';


const actions = [
    brandActions,
];

function mapStateToProps(state) {
    return {
        ...state
    };
}

function mapDispatchToProps(dispatch) {

    const creators = Map()
        .merge(...actions)
        .filter(value => typeof value === 'function')
        .toObject();

    return {
        actions: bindActionCreators(creators, dispatch),
        dispatch
    };
}

class BrandContainer extends Component {
    constructor(props) {
        super(props);

        this._onPressSlideItem = this._onPressSlideItem.bind(this);
        this._onPressRecommendItem = this._onPressRecommendItem.bind(this);
        this._onPressFilter = this._onPressFilter.bind(this);
        this._onSelectChannel = this._onSelectChannel.bind(this);
        this._onPressSearch = this._onPressSearch.bind(this);
        this._onPressClearHistory = this._onPressClearHistory.bind(this);
        this._onClickCancelSearch = this._onClickCancelSearch.bind(this);
        this._onSearchTextChange = this._onSearchTextChange.bind(this);
        this._onPressKeyword = this._onPressKeyword.bind(this);
        this._onPressBrandSearchItem = this._onPressBrandSearchItem.bind(this);
        this._setBrandData = this._setBrandData.bind(this);
        this._setInitialListSize = this._setInitialListSize.bind(this);
        this._onPressBrandItem = this._onPressBrandItem.bind(this);
        this._onPressSearchHistoryItem = this._onPressSearchHistoryItem.bind(this);

    }

    componentDidMount() {

        let {selectedChannelId} = this.props.brand;

        this.props.actions.getBrandList(selectedChannelId);
        this.props.actions.getBrandResource(selectedChannelId);
        this.props.actions.searchHistory();
        this.props.actions.hotKeyword();
    }

    componentWillUnmount() {
        this.subscription && this.subscription.remove();
    }

    //原生跳转
    _onPressBrandItem(data, fromSearch=false){
        //blk品牌跳转需要：如果发现是店铺，全部跳基础店铺。----顺老板。
        if (data&&data.type == '2') {
            data.is_red_shop == '0';
            data.shop_template_type = '1';
        }
        ReactNative.NativeModules.YH_CommonHelper.blkPushBrandVC(data);
        // let eventName = '';
        // let params = {};
        //
        // if (this.props.brand.brandFliter == 1 || this.props.brand.brandFliter == 2) {
        //     eventName = 'YB_CATEGORY_BRAND_LIST_IMAGE';
        // } else {
        //     eventName = 'YB_CATEGORY_BRAND_LIST_TEXT';
        // }
        //
        // if (fromSearch) {
        //     eventName = 'YB_CATEGORY_BRAND_LIST_TEXT';
        // }
        //
        // let brandId = data.shop_id ? data.shop_id : '';
        // // 0-girl 1-boy 2-child 3-lifestyle
        // let gender = 0;
        // if (this.props.brand.selectedChannelId == 1) {
        //     gender = 1;
        // } else if (this.props.brand.selectedChannelId == 2) {
        //     gender = 0;
        // } else if (this.props.brand.selectedChannelId == 3) {
        //     gender = 2;
        // } else if (this.props.brand.selectedChannelId == 4) {
        //     gender = 3;
        // }
        // if (!brandId) {
        //     brandId = data.id ? data.id : '';
        // }
        // params = {
        //     BR_ID: brandId,
        //     GDER: gender + '',
        // };
        // // console.log(eventName)
        // // console.log(params)
        // NativeModules.YH_CommonHelper.logEvent(eventName, params);
    }

    //URL 拼装跳转规则跳转
    _onPressSlideItem(url, index=0) {

        let newUrl = this._handleBLKBannerURL(url);
        if (newUrl.length) {
            url = newUrl;
        }
        ReactNative.NativeModules.YH_CommonHelper.jumpWithUrl(url);

        // // 0-girl 1-boy 2-child 3-lifestyle
        // let gender = 0;
        // if (this.props.brand.selectedChannelId == 1) {
        //     gender = 1;
        // } else if (this.props.brand.selectedChannelId == 2) {
        //     gender = 0;
        // } else if (this.props.brand.selectedChannelId == 3) {
        //     gender = 2;
        // } else if (this.props.brand.selectedChannelId == 4) {
        //     gender = 3;
        // }
        //
        // let params = {
        //     BAN_NUM: parseInt(index) + 1 + '',
        //     TOURL: url,
        //     GDER: gender + '',
        // };
        //
        // NativeModules.YH_CommonHelper.logEvent('YB_CATEGORY_BRAND_LIST_BAN', params);
    }

    _onPressRecommendItem(data, index=0) {
        let url = data.url;
        let newUrl = this._handleBLKBannerURL(url);
        if (newUrl.length) {
            url = newUrl;
        }
        ReactNative.NativeModules.YH_CommonHelper.jumpWithUrl(url);

        // let brandId = brandId = data.id ? data.id : '';
        // // 0-girl 1-boy 2-child 3-lifestyle
        // let gender = 0;
        // if (this.props.brand.selectedChannelId == 1) {
        //     gender = 1;
        // } else if (this.props.brand.selectedChannelId == 2) {
        //     gender = 0;
        // } else if (this.props.brand.selectedChannelId == 3) {
        //     gender = 2;
        // } else if (this.props.brand.selectedChannelId == 4) {
        //     gender = 3;
        // }
        // let params = {
        //     BAN_NUM: parseInt(index) + 1 + '',
        //     BR_ID: brandId,
        //     GDER: gender + '',
        // };
        // NativeModules.YH_CommonHelper.logEvent('YB_CATEGORY_BRAND_LIST_BR', params);
    }

    _handleBLKBannerURL(url) {
        let strs= new Array();
        let dataString = '';
        if (url.indexOf('yohobuy＝') !== -1) {
            strs = url.split("yohobuy＝");
            if (strs.length == 1) {
                dataString = strs[0];
            } else {
                dataString = strs[1];
            }
        } else {
            strs = url.split("yohobuy=");
            if (strs.length == 1) {
                dataString = strs[0];
            } else {
                dataString = strs[1];
            }
        }
        try {
            var obj = {};
            if (dataString.length > 1) {
                obj = JSON.parse(dataString); //由JSON字符串转换为JSON对象
            }
            console.log(obj);
            if (obj.action == 'go.brand') {
                obj.parames.jumptoshop = 'N';
                obj.parames.type = '';
            } else if (obj.action == 'go.shop') {
                obj.params.is_red_shop = '0';
                obj.params.shop_template_type = '1';
            }
            let totalUrlWithType = "yohobuy=" + JSON.stringify(obj);
            if (strs.length > 1) {
                totalUrlWithType = strs[0] + totalUrlWithType;
            }

            return totalUrlWithType;
        } catch (e) {
            return '';
        }
        return '';
    }

    _onPressFilter(value) {
        this.props.actions.setBrandFilter(value);

        // let params = {
        //     CAT_NUM: parseInt(value) + 1 + '',
        // };
        //
        // NativeModules.YH_CommonHelper.logEvent('YB_CATEGORY_BRAND_LIST_SG', params);
    }

    _setInitialListSize(count){
        this.props.actions.setInitialListSize(count);
    }

    _onSelectChannel(channel){
        let {
            brandListForBoy,
            brandListForGirl,
            brandListForKid,
            brandListForLifeStyle,
            reourceForBoy,
            reourceForGirl,
            reourceForKid,
            reourceForLifeStyle,
        } = this.props.brand;

        let channelId = channel.id;
        let brandListNeedRequest;
        let reourceNeedRequest;
        if (channelId == 1) {
            brandListNeedRequest = brandListForBoy.get('hasSuccess');
            reourceNeedRequest = reourceForBoy.get('hasSuccess');
        }else if (channelId == 2) {
            brandListNeedRequest = brandListForGirl.get('hasSuccess');
            reourceNeedRequest = reourceForGirl.get('hasSuccess');
        }else if (channelId == 3) {
            brandListNeedRequest = brandListForKid.get('hasSuccess');
            reourceNeedRequest = reourceForKid.get('hasSuccess');
        }else if (channelId == 4) {
            brandListNeedRequest = brandListForLifeStyle.get('hasSuccess');
            reourceNeedRequest = reourceForLifeStyle.get('hasSuccess');
        }

        if (!brandListNeedRequest) {
            this.props.actions.getBrandList(channelId);
        }
        if (!reourceNeedRequest) {
            this.props.actions.getBrandResource(channelId);
        }
        this.props.actions.setInitialListSize(0);
        this.props.actions.setBrandSelectedChannel(channelId);

        // let params = {
        //     CAT_NUM: channelId + '',
        // };
        //
        // NativeModules.YH_CommonHelper.logEvent('YB_CATEGORY_BRAND_LIST_CH', params);
    }

    _onPressSearch() {
        this.props.actions.setShowSearch(!this.props.brand.showSearch);

        // if (!this.props.brand.showSearch) {
        //     let params = {
        //         SEARCH_POS: '2',
        //     };
        //
        //     NativeModules.YH_CommonHelper.logEvent('YB_SEARCH_CLICK', params);
        // }
    }

    _onPressClearHistory() {
        this.props.actions.clearSearchHistory();
    }

    _onClickCancelSearch() {
        this.props.actions.setShowSearch(!this.props.brand.showSearch);
        this.props.actions.setBrandKeyword('');
        this.props.actions.filteBrandForKeyword('');
    }

    _onSearchTextChange(text) {
        this.props.actions.setBrandKeyword(text);
        this.props.actions.filteBrandForKeyword(text);
    }

    _setBrandData(data, selectedChannelId) {
        this.props.actions.setBrandData(data, selectedChannelId);
    }

    _onPressKeyword(keyword) {
        this._onSearchTextChange(keyword);
    }

    _onPressBrandSearchItem(data) {
        this._onPressBrandItem(data, true);
        this.props.actions.insertSearchHistory(data);
        this._onClickCancelSearch();

        // let keyword = this.props.brand.search.keyword ? this.props.brand.search.keyword : '';
        // let params = {
        //     KEYWORD: keyword,
        //     POS_ID: '0',
        //     FLR_INDEX: '0',
        // };
        // // console.log('YB_BRAND_KEYWORD_SEARCH_C')
        // // console.log(params)
        // NativeModules.YH_CommonHelper.logEvent('YB_BRAND_KEYWORD_SEARCH_C', params);
        // NativeModules.YH_CommonHelper.logEvent('YB_CATEGORY_BRAND_LIST_SC', {});
    }

    _onPressSearchHistoryItem(keyword, androiddata, index, section){
        // 关闭了android点击搜索历史直接跳转至相关页面，现调整为与IOS效果一致   by chenlin 2016.12.19
        this._onSearchTextChange(keyword);


        // //兼容IOS只需要搜索关键字，IOS设置搜索框内容为keyword即可，android需要点击直接跳转至相关页面
        // if (Platform.OS === 'ios') {
        //     this._onSearchTextChange(keyword);
        // }
        // else{
            // //先判断是否有androiddata数据，若有则直接调用原生方法，若无则可能是热门搜索信息，设置搜索框文字内容
            // if(androiddata){
            //     this._onPressBrandItem(androiddata);
            //     this.props.actions.insertSearchHistory(androiddata);
            // }
            // else
            //     this._onSearchTextChange(keyword);
        // }

        // let params = {
        //     KEYWORD: keyword,
        //     POS_ID: parseInt(section) + 1 + '',
        //     FLR_INDEX: parseInt(index) + 1 + '',
        // };
        // // console.log('YB_BRAND_KEYWORD_SEARCH_C')
        // // console.log(params)
        // NativeModules.YH_CommonHelper.logEvent('YB_BRAND_KEYWORD_SEARCH_C', params);
    }

    render() {
        let {
            showSearch,
            initialListSize,
            isFetching,
            selectedChannelId,
            brandFliter,
            brandListForBoy,
            brandListForGirl,
            brandListForKid,
            brandListForLifeStyle,
            reourceForBoy,
            reourceForGirl,
            reourceForKid,
            reourceForLifeStyle,
            search,
        } = this.props.brand;

        //ab版本部分元素高度有所区别
        let {abversion} = this.props.app;
        return (
            <View style={styles.container}>
                <Brand
                    isFetching={isFetching}
                    initialListSize={initialListSize}
                    selectedChannelId={selectedChannelId}
                    abversion={abversion}
                    brandFliter={brandFliter}
                    brandListForBoy={brandListForBoy}
                    brandListForGirl={brandListForGirl}
                    brandListForKid={brandListForKid}
                    brandListForLifeStyle={brandListForLifeStyle}
                    reourceForBoy={reourceForBoy}
                    reourceForGirl={reourceForGirl}
                    reourceForKid={reourceForKid}
                    reourceForLifeStyle={reourceForLifeStyle}
                    onPressFilter={this._onPressFilter}
                    onPressSlideItem={this._onPressSlideItem}
                    onPressRecommendItem={this._onPressRecommendItem}
                    onSelectChannel={this._onSelectChannel}
                    showSearch={showSearch}
                    search={search}
                    onPressSearch={this._onPressSearch}
                    onPressClearHistory={this._onPressClearHistory}
                    onClickCancel={this._onClickCancelSearch}
                    onTextChange={this._onSearchTextChange}
                    onPressBrandSearchItem={this._onPressBrandSearchItem}
                    setBrandData={this._setBrandData}
                    setInitialListSize={this._setInitialListSize}
                    onPressBrandItem={this._onPressBrandItem}
                    onPressSearchHistoryItem={this._onPressSearchHistoryItem}
                />
            </View>
        );
    }
}

let styles = StyleSheet.create({
    container: {
        flex: 1,
    },

});

export default connect(mapStateToProps, mapDispatchToProps)(BrandContainer);