import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, Link, IndexRedirect, Redirect, browserHistory, IndexRoute } from 'react-router';
import { Provider } from 'react-redux';

import '../css/app';
import App from './components/App';
import Base from './components/Base';
import BasePage from './components/BasePage';
import Login from './components/Login';
import Dashboard from './components/Dashboard';
import General from './components/General';
import Menu from './components/Menu';
import CreateMenuSection from './components/CreateMenuSection';
import MenuSection from './components/MenuSection';
import CreateMenuItem from './components/CreateMenuItem';
import MenuItem from './components/MenuItem';
import Orders from './components/Orders';
import Order from './components/Order';
import Platforms from './components/Platforms';
import Reports from './components/Reports';
import CreateOrg from './components/CreateOrg';
import { store } from './store';



ReactDOM.render(
    <Provider store={store}>
        <Router history={browserHistory}>

            <Redirect from="/index.html" to="/" />

	    {/* Depend on having a user */}
            <Route path="/" component={App}>

	        {/* Depend on there being an Org */}
                <Route path="/" component={Base}>

		    <IndexRoute component={Dashboard} />
                    
                    <Route path="/dashboard" component={Dashboard} />
                    <Route path="/general" component={General} />
                    <Route path="/menu" component={Menu} />
                    <Route path="/menu/sections/create" component={CreateMenuSection} />
                    <Route path="/menu/sections/:sectionId" component={MenuSection} />
                    <Route path="/menu/items/create/:sectionId" component={CreateMenuItem} />
                    <Route path="/menu/items/:itemId" component={MenuItem} />
                    <Route path="/orders/:orderId" component={Order} />
                    <Route path="/orders" component={Orders} />
                    <Route path="/platforms" component={Platforms} />
                    <Route path="/reports" component={Reports} />
                    
                </Route>

		{/* Don't depend on there being an Org */}
                <Route path="/" component={BasePage}>
                    <Route path="/create-org" component={CreateOrg} />
                </Route>
                
            </Route>

	    {/* Don't depend on there being a user */}
            <Route path="/login" component={Login} />
            
        </Router>
    </Provider>,
    document.getElementById('app')
);