'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,
} = 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;

		if (selectedChannelId == 1) {
			data = this.props.reourceForBoy;
		} else if (selectedChannelId == 2) {
			data = this.props.reourceForGirl;
		} else if (selectedChannelId == 3) {
			data = this.props.reourceForKid;
		} else if (selectedChannelId == 4) {
			data = this.props.reourceForLifeStyle;
		}

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

	}
}

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