var Backbone = require('backbone'),
    React = require('react'),
    ItemList = require('../components/itemList'),
    ItemCollection = require('../models/itemCollection'),
    Item = require('../models/item');

var StartPageItemsView = Backbone.View.extend({
    el: '#content',
    template: '<div class="item-list-container"></div>',
    initialize: function() {
        //alert('StartPageItemsView init');
    },
    render: function() {
        this.$el.append(this.template);

        var items = new ItemCollection();
        items.setClassificationType(0);
        items.setLimit(30);
        items.setOffset(0);
        var self = this;
        items.fetch({success: function() {

           // var resultItems = items.map(function (a) { return a.attributes });
            React.render(new ItemList({            
                items: items
            }),
                self.$('.item-list-container').get(0));
            
        }});
        return this;
    }
});

module.exports = StartPageItemsView;