/*eslint-disable no-unused-vars*/
import React from 'react';
import {State} from 'react-router';
import Page from 'trc-client-core/src/components/Page';

import ToyotaLinkVideoView from './ToyotaLinkVideoView';
import ToyotaLinkSidebarView from './ToyotaLinkSidebarView';
import ToyotaLinkCarousel from './ToyotaLinkCarousel';

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

var ToyotaLinkVideoPageView = React.createClass({
    displayName: 'ToyotaLinkVideoPageView',
    updateHash: true,
    mixins: [
        State
    ],
    render: function () {
        return (
            <Page title="Toyota Link">
                <div>
                    <ToyotaLinkCarousel />
                    <Grid>
                        <Col>
                            {this.renderToyotaLinkVideo(this.props.params.pageId)}
                        </Col>
                        <Col width={4}>
                            <ToyotaLinkSidebarView />
                        </Col>
                    </Grid>
                </div>
            </Page>
        );
    },
    renderToyotaLinkVideo: function(pageId) {
        switch (pageId) {
            case 'destinationdownload' : 
                return (
                    <ToyotaLinkVideoView title="DestinationDownload" vimeoId="90508085" />
                );
            case 'localsearch' :  
                return (
                    <ToyotaLinkVideoView title="LocalSearch" vimeoId="90509675" />
                );
            case 'fuelfinder' : 
                return (
                    <ToyotaLinkVideoView title="FuelFinder" vimeoId="90509678" />
                );
            case 'weather' : 
                return (
                    <ToyotaLinkVideoView title="Weather" vimeoId="90509682" />
                );
            case 'toyotahelp' : 
                return (
                    <ToyotaLinkVideoView title="ToyotaHelp" vimeoId="90509685" />
                );
            case 'about' :
                return (
                    <ToyotaLinkVideoView title="About" vimeoId="90508084" />
                );
            case 'instructional' :
                return (
                <ToyotaLinkVideoView title="Instructional" vimeoId="135417104" />
            );
            case 'pandora' :
                return (
                <ToyotaLinkVideoView title="Pandora" vimeoId="135434307" />
            );
        }
    }
});

module.exports = ToyotaLinkVideoPageView;