'use strict';

import React from 'react';
import ReactNative from 'react-native';
import Immutable, {Map} from 'immutable';

import BrandSwiper from './BrandSwiper';
import BannerReourceList from './BannerReourceList';
import BrandFliter from './BrandFliter';

const {
    View,
    Image,
    Text,
    TouchableOpacity,
    Dimensions,
    StyleSheet,
    Platform,
} = ReactNative;

export default class BrandHeader extends React.Component {

    constructor(props) {
        super (props);
    }

    render() {

		let data = this.props.reourceForBoy;
		let brandFliter = this.props.brandFliter;
		let selectedChannelId = this.props.selectedChannelId;
        let tabName = 'boy';
		if (selectedChannelId == 1) {
			data = this.props.reourceForBoy;
            tabName = 'boy';
		} else if (selectedChannelId == 2) {
			data = this.props.reourceForGirl;
            tabName = 'girl';
		} else if (selectedChannelId == 3) {
			data = this.props.reourceForKid;
            tabName = 'kid';
		} else if (selectedChannelId == 4) {
			data = this.props.reourceForLifeStyle;
            tabName = 'lifeStyle';
		}

        let pageName = 'iFP_Brand';
        if (Platform.OS === 'android') {
            pageName = 'aFP_Brand';
        }

        let params = {
            P_NAME : pageName,
            TAB_ID : selectedChannelId,
            TAB_NAME : tabName,
            exposureEnd : 1,
        };

		return (
			<View style={styles.header}>
				<BrandSwiper yh_exposureData={params} resource={data} abversion={this.props.abversion} onPressSlideItem={this.props.onPressSlideItem}/>
				<BannerReourceList yh_exposureData={params} resource={data} onPressSlideItem={this.props.onPressRecommendItem}/>
				<BrandFliter resource={data} selectID={brandFliter} onPressFilter={this.props.onPressFilter}/>
			</View>
		);

	}
}

let {width, height} = Dimensions.get('window');
let styles = StyleSheet.create({
	header: {
        width,
        backgroundColor: '#CCC'
    },
});