import React from 'react';

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

import Widget from 'trc-client-core/src/components/Widget';
import NewsFeed from 'trc-client-core/src/components/NewsFeed';
import HomePageCarousel from 'trc-client-core/src/home/HomePageCarousel';
import HomePageGallery from 'trc-client-core/src/home/HomePageGallery';
import HomeUpcomingSessions from 'trc-client-core/src/home/HomeUpcomingSessions';
import HomeFeatureWidgets from 'trc-client-core/src/home/HomeFeatureWidgets';

import UserStore from 'trc-client-core/src/user/UserStore';

var HomePageView = React.createClass({
    displayName: 'HomePageView',
    render: function () {
        return (
             <div>
                <HomePageCarousel />
                {this.renderCourseWidgets()}
                <Grid>
                    <Col>
                        <h2>Latest News</h2>
                        <NewsFeed filter={['home']} count="4" className="margin-bottom"/>
                    </Col>
                    <Col>
                        <div className="row">
                            <HomePageGallery />
                        </div>
                    </Col>
                </Grid>
                <HomeFeatureWidgets />
             </div>
        );
    },    
    renderCourseWidgets (){
        var department = UserStore.get('departmentCategory').get([0]);
        var deptName = department;
        if(department === "body_paint"){
            deptName = "body & paint";
        }
        return (
            <div className="row hug-top">
                <Grid className="grid-tight">
                    <Col width={2}>
                        <Widget className={"Widget-" + deptName + " l-height--homeWidget"}>
                            <h3 className="t-capitalize hug tightSpacing">Upcoming {deptName} Courses</h3>
                        </Widget>
                    </Col>
                    <Col>
                        <HomeUpcomingSessions />
                    </Col>
                </Grid>
            </div>
        );
    }    
});

module.exports = HomePageView;