import React from 'react';
import {RouteHandler} from 'react-router';
import Carousel from 'trc-client-core/src/components/Carousel';
import DepartmentPage from 'trc-client-core/src/components/DepartmentPage';
import IconList from 'trc-client-core/src/components/IconList';
import IconListItem from 'trc-client-core/src/components/IconListItem';
import {fromHexCode} from 'trc-client-core/src/utils/Strings';
import LearningPlanListCurrentParticipant from 'trc-client-core/src/learningPlan/LearningPlanListCurrentParticipant';
import Permissions from 'trc-client-core/src/user/Permissions';
import {STATIC_ASSETS} from 'trc-client-core/src/constants/url';

import {TECH_ADVISOR_1} from 'trc-client-core/src/media/CarouselContent';

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

var TechnicalAdvisorInformation = React.createClass({
    displayName: 'TechnicalAdvisorInformation',
    statics: {
        willTransitionTo: function (transition) {
            var permTest;
            switch (transition.path) {
                default:
                    permTest = Permissions.get('CLIENT_APPROVAL');
            }

            if(!permTest) {
                transition.redirect('Unauthorized');
            }
        }
    },
    render() {
        return (
            <div>
                {this.renderCarousel()}
                <h1>Technical Advisor Information</h1>
                {this.props.children}
            </div>


        );
    },
    renderCarousel() {
        return (
            <Carousel modifier="hero">
                {TECH_ADVISOR_1}
            </Carousel>
        );
    }
});

export default TechnicalAdvisorInformation;