import React from 'react';
import Carousel from 'trc-client-core/src/components/Carousel';
import Auth from 'trc-client-core/src/components/Auth';

import {
    TRAININGSURVEY_TOYOTA,
    TRAININGSURVEY_LEXUS,
    PORTA_GAP_REPORT_TOYOTA,
    PORTA_GAP_REPORT_LEXUS,
    PRODUCT_PRIUS,
    NATSKILLS_2016_SALES,
    NATSKILLS_2016_GUEST,
    TECHNICAL_VIDEO_FLOORMAT,
    TECHNICAL_PRIUS,
    MANAGEMENT_SUPPORT,
    PRODUCT_LEXUS_IS,
    LEXUS_RX,
    PRODUCT_LEXUS_RX,
    TSS_PAGE_1,
    TOYOTA_FOR_LIFE
} from 'trc-client-core/src/media/CarouselContent';

var HomePageCarousel = React.createClass({
    displayName: 'HomePageCarousel',
    render(){
        return (
            <div>
                <Auth site="TOYOTA">
                    <Carousel modifier="hero">
                        {TECHNICAL_VIDEO_FLOORMAT}
                        {TRAININGSURVEY_TOYOTA}
                        {NATSKILLS_2016_SALES}
                        {PORTA_GAP_REPORT_TOYOTA}
                        {NATSKILLS_2016_GUEST}
                        {PRODUCT_PRIUS}
                        {TECHNICAL_PRIUS}
                        {TSS_PAGE_1}
                        {MANAGEMENT_SUPPORT}
                        {TOYOTA_FOR_LIFE}
                    </Carousel>
                </Auth>
                <Auth site="LEXUS">
                    <Carousel modifier="hero">
                        {PRODUCT_LEXUS_IS}
                        {TRAININGSURVEY_LEXUS}
                        {PRODUCT_LEXUS_RX}
                        {PORTA_GAP_REPORT_LEXUS}
                        {MANAGEMENT_SUPPORT}
                        {LEXUS_RX}
                    </Carousel>
                </Auth>
            </div>
        );
    }
});

module.exports = HomePageCarousel;