var React = require('react');
var Router = require('react-router');
var Components = require('./components/components.js');
var Route = Router.Route;
var RouteHandler = Router.RouteHandler;
var DefaultRoute = Router.DefaultRoute;


var App = React.createClass({
    contextTypes: {
        router: React.PropTypes.func.isRequired
    },

   render: function () {
       console.log(this.context);
       return (
           <div>
                <RouteHandler />
           </div>
       );
   }
});

var routes = (
  <Route name="app" path="/" handler={App}>
      <DefaultRoute handler={Components.LoginPage} />
      <Route name="home" path="/home" handler={Components.HomePage} />
      <Route name="team" path="/team/:teamID" handler={Components.TeamPage} />
      <Route name="endpoint" path="/endpoint/:teamID/:profileName" handler={Components.EndpointPage} />
  </Route>
);

Router.run(routes, Router.HistoryLocation, function (Handler) {
    React.render(<Handler />, document.body);
});