var Backbone = require('backbone'),
    React = require('react'),
    ItemWithDetails = require('../models/itemWithDetails');

var ItemDetailsView = Backbone.View.extend({
    el: '#content',
    template: '<div class="item-details-container"></div>',
    initialize: function(id) {
        this.itemId = id;
    },

    render: function() {
        this.$el.html(this.template);
        var item = new ItemWithDetails({id: this.itemId });
        console.log(item);

        item.fetch({success: function() {

            /*var resultItems = items.map(function (a) { return a.attributes });
            React.render(new ItemList({            
                items: items,
                itemClick: self.itemClick
            }), self.$('.item-details-container').get(0)); */
        console.log("great success!");
            
        return this; }
        });
    }
});

module.exports = ItemDetailsView;