/*global window*/
var React = require('react');

var Loader = require('trc-client-core/src/components/Loader');

var VehicleDisclaimerModal = React.createClass({
    displayName: 'VehicleDisclaimerModal',
    propTypes: {
        vehicle: React.PropTypes.string  
    },
    exitModal: function (){
        window.location = "/product/vehicle?model=" + this.props.vehicle;
    },
    render: function () {
        if(!this.props.vehicle){
            return <Loader></Loader>;
        }
        return (
            <div>
                <div className="modal_title">Disclaimer</div>
                <div className="modal_body">
                    <div className="push-bottom">
                        Please note, Toyota Link may not be applicable to all variants of a model range. Please read carefully.
                    </div>
                    <div className="t-right">
                        <a className="Button Button-grey" onClick={this.props.onClose}>Close</a>
                        <button className="Button" onClick={this.exitModal} >Go To Vehicle</button>
                    </div>
                </div>
            </div>
        );
    }    
});

module.exports = VehicleDisclaimerModal;