/*eslint-disable no-unused-vars*/

import React from 'react';
import {State} from 'react-router';
import Page from 'trc-client-core/src/components/Page';
import Auth from 'trc-client-core/src/components/Auth';
import ModalManager from 'trc-client-core/src/Modal/ModalManager';
import ProductPathwayModal from './ProductPathwayModal';
import VehicleDisclaimerModal from './VehicleDisclaimerModal';
import ToyotaLinkMainVideoView from './ToyotaLinkMainVideoView';
import ProductPathway from 'trc-client-core/src/learningPlan/ProductPathway';
import ToyotaLinkQandaView from './ToyotaLinkQandaView';
import ToyotaLinkSidebarView from './ToyotaLinkSidebarView';
import ToyotaLinkCarousel from './ToyotaLinkCarousel';

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

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

var ToyotaLinkHomeView = React.createClass({
    displayName: 'ToyotaLinkHomeView',
    updateHash: true,
    mixins: [
        State
    ],
    onShowVideo: function (){
        ModalManager.showModal(ProductPathwayModal, {});
    },
    onShowVehicle: function (e){
        ModalManager.showModal(VehicleDisclaimerModal, {
            vehicle: e
        });
    },
    render: function () {
        return (
            <Page title="Toyota Link">
                <div>
                    <ToyotaLinkCarousel />
                    <Grid>
                        <Col>
                            <Auth isDepartment="sales">
                                <h2 className="hug-top">Latest News</h2>
                                <NewsFeed filter={['Toyota_Link']} className="margin-bottom"/>
                            </Auth>
                            <ToyotaLinkMainVideoView participantId={UserStore.get('participantId')} pathwayId="Toyota_Link"/>
                            <ProductPathway singleId="Toyota Link" learningPlan={this.props.learningPlan}/>
                            <ToyotaLinkQandaView />
                        </Col>
                        <Col width={4}>
                            <ToyotaLinkSidebarView />
                        </Col>
                    </Grid>
                </div>
            </Page>
        );
    }
});

module.exports = ToyotaLinkHomeView;