var React = require('react'),
    Router = require('../router');


var SingleItem = React.createClass({



    render: function() {
        var self = this;
        var itemClick = this.itemClick;
        var firstImage = this.state.item.get('multi_media_descriptions')[0];
        firstImage = firstImage || { url:  "http://res.cloudinary.com/lfvt7ps2n/image/upload/c_crop,g_center,w_300/v1421732950/http_www.asms.ru_bitrix_templates_main_images_nophoto_irnofq.png" } ;
        return (    
            <div className="single_item"  onClick={itemClick}>
             <img src={firstImage.url} />
             <h1> { this.state.item.get('name') }</h1>
             <div> { this.state.item.get('list_price') } KM </div>
            </div>  
        );
    },

    getInitialState: function () {
			return { item: this.props.item }; 
	}, 
    itemClick: function(e) {
        if(this.props.itemClick) {
            this.props.itemClick(this.state.item, e);
        }
    }
});


module.exports = SingleItem;