var React = require('react');

var RouteMixin = require('bd-stampy/mixins/RouteMixin');

var VideoViewer = require('./VideoView');
var ErrorMessage = require('../components/ErrorMessage');

var Media = React.createClass({
    displayName: 'Media',
    updateHash: true,
    mixins: [RouteMixin],
    routes: [
        "#video/:query"
    ],
    render: function () {
        switch(this.state.route_base){
            case "#video":
                if(this.state.route.query){
                    return ( 
                        <div>
                            <VideoView videoId={this.state.route.query}></VideoView> 
                            <a className="cta-back right push-top" onClick={this.onBack}>back</a>
                        </div>
                    );
                } else {
                    return <ErrorMessage code={404}/>;           
                }
                break;
            default:
                return <ErrorMessage code={404}/>;

        }
    }
});

module.exports = Media;