import React from 'react';
import { Scene, Router, Actions } from 'react-native-router-flux';

import RegisterForm from './scenes/RegisterForm';
import LoginForm from './scenes/LoginForm';
import LiveVideo from './scenes/LiveVideo';
import ListaCursadas from './scenes/ListaCursadas';
import ListaClases from './scenes/ListaClases.js';
import Clase from './scenes/Clase.js';
import Profesor from './scenes/Profesor';
import Menu from './scenes/Menu';
import Teoria from './scenes/Clase/Teoria';
import LSListaClases from './scenes/LSListaClases';
import MyAbout from './scenes/MyAbout';
import Splash from './scenes/Splash';
import MyVideoPlayer from './scenes/Clase/VideoPlayer';

const scenes = Actions.create(
	<Scene key='container'>

		<Scene key='auth' hideNavBar>
			<Scene key='splash' component={Splash}
				sceneStyle={{ paddingTop: 0 }}
				hideNavBar title='splash' initial
			/>
			<Scene
				key='login' component={LoginForm}
				sceneStyle={{ paddingTop: 0 }} hideNavBar title='Ingresar'
			/>
			<Scene key='register' component={RegisterForm} title='Registrarse' />
		</Scene>

		<Scene key='Menu' hideNavBar={false}>
			<Scene
				key='MenuScene' title='Menu'
				component={Menu} panHandlers={null} direction='vertical'
			/>
			<Scene key='LSClases' title='Clases descargadas' component={LSListaClases} />
			<Scene key='Teoria' title='Teoria' component={Teoria} />
			<Scene key='About' title='Acerca de' component={MyAbout} />
			<Scene key='ListaCursadas' component={ListaCursadas} title='Cursadas' />
			<Scene key='ViewCursada' component={ListaClases} title='Clases' />
			<Scene key='ViewClase' component={Clase} title='Clase' />
			<Scene key='ViewProf' component={Profesor} title='Profesor' />
			<Scene key='Live' title='Curso en vivo' component={LiveVideo} />
			<Scene key='ViewVideo' component={MyVideoPlayer} title='VideoP' />
		</Scene>


	</Scene>
);

const RouterComponent = () =>
		<Router sceneStyle={{ paddingTop: 55 }} scenes={scenes} />;

export default RouterComponent;