(function(){
    "use strict";

    angular.module('raz')

        .component('resourceCardDetail', {
            templateUrl: '/js/angular/book-grid/resource-card-detail.html',
            controller: 'resourceCardDetail',
            bindings: {
                lastItem: '<',
                orientation : '<',
                resourceTitle : '<',
                level : '<',
                lexile : '<',
                imageUrl : '<',
                isMultiLevel : '<',
                genre1 : '<',
                genre2 : '<',
                id : '<'
            }
        })
        .controller('resourceCardDetail', [function () {
                    var ctrl = this;

                    ctrl.getClassBasedOnOrientation = function(className) {
                        return className + ctrl.orientation;
                    };

                    ctrl.getClassBasedOnLevel = function(className) {
                        return className + ctrl.level;
                    };
                }]);
})();