import React from 'react';
import {RouteHandler, Navigation} from 'react-router';
import PortalNavigation from 'trc-client-core/src/portal/PortalNavigation';
import PortalSidebarAdmin from 'trc-client-core/src/portal/PortalSidebarAdmin';
import UserStore from 'trc-client-core/src/user/UserStore';

import Grid from 'trc-client-core/src/components/Grid';
import Col from 'trc-client-core/src/components/Col';
import Permissions from 'trc-client-core/src/user/Permissions';


var PortalHandler = React.createClass({
    displayName: 'PortalHandler',
    mixins: [Navigation],
    render(){
        return <div>
            <Grid>
                <Col className="hide-print" width={Permissions.get('ADMIN_AREA') ? 4 : 3}>{this.renderSideBar()}</Col>
                <Col>{this.props.children}</Col>
            </Grid>
        </div>;
    },
    renderSideBar() {
        if(Permissions.get('ADMIN_AREA')) {
            return <PortalSidebarAdmin routes={this.props.routes}/>;
        } else {
            return <PortalNavigation/>;
        }
    }
});

module.exports = PortalHandler;