'use strict';

import React from 'react';
import ReactNative, {
	AppRegistry,
	Platform,
	StyleSheet,
	Dimensions,
	TouchableOpacity,
	View,
} from 'react-native';
import createReactClass from 'create-react-class';

import {
	Provider,
	connect
} from 'react-redux';

import configureStore from './store/configureStore';
import {Record, List, Map} from 'immutable';

import appInitialState from './reducers/app/appInitialState';
import brandInitialState from './reducers/brand/brandInitialState';
import categoryInitialState from './reducers/category/categoryInitialState';
import categoryBInitialState from './reducers/categoryB/categoryBInitialState';
import interestInitialState from './reducers/interest/interestInitialState';

import CategoryContainer from './containers/CategoryContainer';
import CategoryBContainer from './containers/CategoryBContainer';
import BrandContainer from './containers/BrandContainer';
import InterestContainer from './containers/InterestContainer';

import {
	setPlatform,
	setHost,
	setServiceHost,
	setABVersion,
} from './reducers/app/appActions';

import {
	setCurrentChannelId,
} from './reducers/category/categoryActions';

import {
	setCurrentChannelB,
	setDelayExposeData,
} from './reducers/categoryB/categoryBActions';

import {
	setBrandSelectedChannel,
} from './reducers/brand/brandActions';

function getInitialState() {
	const _initState = {
		app: (new appInitialState()),
		brand: (new brandInitialState()),
		category: (new categoryInitialState()),
		categoryB: (new categoryBInitialState()),
    	interest: (new interestInitialState()),
	};
	return _initState;
}

export default function native(platform) {

	let YH_Classify = createReactClass({

		_renderContainer() {
			if (this.props.type == 0) {
				//如果是B版，则打开B版品类
				if (this.props.abversion == "B") {
					return <CategoryBContainer />;
				} else {
					return <CategoryContainer />;
				}
			} else if (this.props.type == 1) {
				return <BrandContainer />;
			} else if (this.props.type == 2) {
				return <InterestContainer />;
			}
			return <View/>;
		},

		render() {
		  	const store = configureStore(getInitialState());
			store.dispatch(setPlatform(platform));
			store.dispatch(setHost(this.props.host));
			store.dispatch(setServiceHost(this.props.serviceHost));
			store.dispatch(setABVersion(this.props.abversion));

			if (this.props.type == 0) {
				if (this.props.channelId == '1') {
					store.dispatch(setCurrentChannelId('boy'));
					//B版设置channelID和名称
					store.dispatch(setCurrentChannelB('1', 'boy'));
				} else if (this.props.channelId == '2') {
					store.dispatch(setCurrentChannelId('girl'));
					//B版设置channelID和名称
					store.dispatch(setCurrentChannelB('2', 'girl'));
				} else if (this.props.channelId == '3') {
					store.dispatch(setCurrentChannelId('kids'));
					//B版设置channelID和名称
					store.dispatch(setCurrentChannelB('3', 'kids'));
				} else if (this.props.channelId == '4') {
					store.dispatch(setCurrentChannelId('lifestyle'));
					//B版设置channelID和名称
					store.dispatch(setCurrentChannelB('4', 'lifestyle'));
				}

				//如果是B版，则打开B版品类
				if (this.props.abversion == "B") {
					store.dispatch(setDelayExposeData(this.props.perload));
				}
			} else if (this.props.type == 1) {
				if (this.props.channelId) {
					store.dispatch(setBrandSelectedChannel(this.props.channelId));
				}
			}

			return (
				<Provider store={store}>
					{this._renderContainer()}
				</Provider>
			);
		}
	});

	AppRegistry.registerComponent('YH_Classify', () => YH_Classify);
}

let styles = StyleSheet.create({

});