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

var StartPageItemsView = Backbone.View.extend({
    el: '#content',
    template: '<div class="item-list-container"></div>',
    initialize: function() {
        //alert('StartPageItemsView init');
    },
    render: function() {
        this.$el.html(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,
                itemClick: self.itemClick
            }),
                self.$('.item-list-container').get(0));
            
        }});
        return this;
    },
    itemClick: function(item) {

        // not sure if there is a better way to access the app object
        // TODO: if found replace it ! 
        RIBICA.App.router.navigate(item.getFrontEndUrl(), {'trigger': true});

    }

});

module.exports = StartPageItemsView;