import React from 'react';
import {BrowserRouter, Redirect, Route, Switch} from "react-router-dom";
import {userIsLoggedIn} from "../auth/index";
import App from "../pages/App";
import Experiments from "../pages/Experiments";
import Home from "../pages/Home";
import NotFound from "../pages/NotFound";
import Profile from "../pages/Profile";
import Simulations from "../pages/Simulations";

const ProtectedComponent = (component) => () => userIsLoggedIn() ? component : <Redirect to="/"/>;
const AppComponent = ({match}) => userIsLoggedIn() ?
    <App simulationId={parseInt(match.params.simulationId, 10)}/> :
    <Redirect to="/"/>;

const ExperimentsComponent = ({match}) => userIsLoggedIn() ?
    <Experiments simulationId={parseInt(match.params.simulationId, 10)}/> :
    <Redirect to="/"/>;

const SimulationComponent = ({match}) => userIsLoggedIn() ?
    <App
        simulationId={parseInt(match.params.simulationId, 10)}
        inSimulation={true}
        experimentId={parseInt(match.params.experimentId, 10)}
    /> :
    <Redirect to="/"/>;

const Routes = () => (
    <BrowserRouter>
        <Switch>
            <Route exact path="/" component={Home}/>
            <Route exact path="/simulations" render={ProtectedComponent(<Simulations/>)}/>
            <Route exact path="/simulations/:simulationId" component={AppComponent}/>
            <Route exact path="/simulations/:simulationId/experiments" component={ExperimentsComponent}/>
            <Route exact path="/simulations/:simulationId/experiments/:experimentId" component={SimulationComponent}/>
            <Route exact path="/profile" render={ProtectedComponent(<Profile/>)}/>
            <Route path="/*" component={NotFound}/>
        </Switch>
    </BrowserRouter>
);

export default Routes;