import React from 'react';
import {RouteHandler, IndexRoute, Route, State} from 'react-router';

import FDLP from 'react-router-proxy!trc-client-core/src/management/fdlp/FDLP';
import FDLPParticipants from 'react-router-proxy!trc-client-core/src/management/fdlp/FDLPParticipants';
import FDLPSession from 'react-router-proxy!trc-client-core/src/management/fdlp/FDLPSession';
import DefaultHandler from 'react-router-proxy!trc-client-core/src/global/DefaultHandler';
import DepartmentHandler from 'react-router-proxy!trc-client-core/src/components/DepartmentHandler';
import DepartmentPageContent from 'react-router-proxy!trc-client-core/src/components/DepartmentPageContent';
import ManagementPageFactory from 'trc-client-core/src/management/ManagementPageFactory';
import ManagementSidebar from 'trc-client-core/src/management/ManagementSidebar';
import ManagementQualificationInformation from 'react-router-proxy!trc-client-core/src/management/ManagementQualificationInformation';

var ManagementDepartmentPageHandler = React.createClass({
    displayName: 'ManagementDepartmentPageHandler',
    render() {
        if (this.props.history.isActive('fdlp')) {
            return this.props.children;
        }
        return <DepartmentHandler {...this.props} department="management" />;            
    }
});

export default (
    <Route>
        <Route component={DepartmentHandler}>
            <Route path="management" components={{sidebar: ManagementSidebar, content: DefaultHandler}}>
                <IndexRoute component={DepartmentPageContent} />            
                <Route path="qualification" >
                    <IndexRoute name="Management Qualifications Home" component={ManagementPageFactory('Management Qualifications')} />
                    <Route path="FDLP" component={ManagementQualificationInformation} />
                    <Route path="MFP" component={ManagementQualificationInformation} />
                </Route>
                <Route path="managers-toolbox" >
                    <IndexRoute component={ManagementPageFactory('Managers Toolbox Home')} />
                    <Route path="engage">
                        <IndexRoute component={ManagementPageFactory('Employee Engagement')} />
                        <Route path="the-survey" component={ManagementPageFactory('The Survey')} />
                        <Route path="reward-and-recognise" component={ManagementPageFactory('Reward and Recognise')} />
                    </Route>
                    <Route path="resource">
                        <IndexRoute component={ManagementPageFactory('Policies & Procedures')} />
                        <Route path="career-development" component={ManagementPageFactory('Career Development')} />
                        <Route path="templates" component={ManagementPageFactory('Templates')} />
                        <Route path="position-descriptions" component={ManagementPageFactory('Position Descriptions')} />
                        <Route path="interview-guides" component={ManagementPageFactory('Interview Guides')} />
                        <Route path="useful-links" component={ManagementPageFactory('Useful Links')} />
                    </Route>
                </Route>
            </Route>
        </Route>
        <Route path="management/fdlp" component={FDLP}>
            <IndexRoute component={FDLPSession}/>
            <Route path="participants" component={FDLPParticipants}/>
            <Route path="session/:id" component={FDLPSession}/>
        </Route>
    </Route>
);