!(function($,redirect){
    /**
     * @class  View of Eligible Games form
     * @view
     * @author santoshreddy.mogulla@gtech.com
     * @requires portalGGA.models.EligibleGames
     * @requiresDOM .eligibleGames-results, .eligibleGames-noResults
     */   
    portalGGA.views.EligibleGamesView = Backbone.View.extend(
        /** @lends  portalGGA.views.EligibleGamesView.prototype */{
        events:{
             "click .eligible-games-pagination a" : "changePage",
             "submit" : "submit",
             "click .sortable" : "sortData"
        },
        /**
         * Rename object (add function identifier) ;) Create own transactions collection if not given
         * @author santoshreddy.mogulla@gtech.com
         * @param {Object} options
         * @param {portalGGA.EligibleGames} [options.EligibleGames] EligibleGames collection to be used, if not given new one will be created.
         * @param {Boolean} [options.populate=false] Should table be populated by default?
         */
        constructor: function EligibleGamesView( options ){
            Backbone.View.apply(this, arguments);
            this.groupName = options.groupName;
            this.successRedirectURL = options.successRedirectURL;
            this.EligibleGames =  options.EligibleGames || new portalGGA.EligibleGames();
            this.SCEligibleGamesTemplate = _.template( this.$('.eligibleGames-transactionTemplate').html() );
            this.SCEligibleGamesHeaderTemplate = _.template( this.$('.eligibleGames-transactionHeader').html() );
            this.specyficErrorNotifier = new portalGGA.utils.ErrorNotifier(this.$(".eligibleGames-error"));
            this.sortField = "GAME_NAME";
            this.sortType = "asc";
            this.fieldsMap = {
                'GAME_NAME':'gameName',
                'AMOUNT' : 'cost',
                'GAME_ID' :'siteGameId'  
            },
            _.bindAll(this, "_populateHeader", "_populateResults", "_populatePagination", "_handleFailure");
            if(options.populate) {
                this.submit();
            }
        },
        /**
         * Submit form or given data if any
         * @author santoshreddy.mogulla@gtech.com
         * @TODO: error handling
         * @param {Event} [event] 
         * @param {Object} [data] query data if not given, #serialize() will be used.
         * @returns {Q.promise} [description]
        */
        submit: function submit( event, data ){
            event && event.preventDefault();
            this.$('.pagination-container').fadeOut();
            this.$('.preloader_big').fadeIn();
            this.$(".eligibleGames-table").hide();
            this._populateHeader();
            this.$('.eligibleGames-noResults').fadeOut();
            this.$('.eligibleGames-results').empty();
            this.specyficErrorNotifier.clear();
            this.EligibleGames.url = "/api/v1/second-chance/games"; 
            return Q.when(this.EligibleGames.fetch({cache:false, data: this.getFilters()} ))
                   .then(this._populateResults)
                   .then(this._populatePagination )
                   .fail(this._handleFailure );
        },
        /**
         * [_populateHeader description]
         * @author santoshreddy.mogulla@gtech.com
         * @TODO return something (smogulla)
         * @TODO  scope (smogulla)
         */
        _populateHeader: function _populateHeader(  ) {
            console.info('_populateHeader', this, arguments);
            this.$('.eligibleGames-header').html(this.SCEligibleGamesHeaderTemplate({
                'sortField': this.sortField, 
                'sortType': this.sortType,
                'fieldsMap': this.fieldsMap
            }));
        },
        /**
         * [_populateResults description]
         * @author santoshreddy.mogulla@gtech.com
         * @TODO return something (smogulla)
         * @TODO  scope (smogulla)
         */
        _populateResults: function _populateResults(  ){
            console.info('_populateResults', this, arguments);
            var rows        = "",
                preloader   = this.$('.preloader_big'),
                table       = this.$(".eligibleGames-table");
            if(this.EligibleGames.length){
                for(var txNo=0; txNo<this.EligibleGames.length; txNo++  ){
                    rows += this.SCEligibleGamesTemplate( this.EligibleGames.models[txNo].toJSON() );
                }
                this.$('.eligibleGames-results').html(rows);
                preloader.hide();
                table.show();
                
            }else{
                var self = this;
                preloader.fadeOut()
                    .promise().done(function crossFade(){
                        preloader.hide();//hide if container was already hidden
                        table.show();
                        self.$('.eligibleGames-noResults').fadeIn();
                    });
               
            }
        },
        /**
         * [_populatePagination description]
         * @author santoshreddy.mogulla@gtech.com
         * @TODO return something (twytrebowicz)
         */
        _populatePagination : function populatePagination(){
            console.info("_populatePagination",this);
            if(this.EligibleGames.length>0){
                var pager = paginationTemplate( {
                    prevPageUrl : this.EligibleGames.prevPageUrl,
                    nextPageUrl : this.EligibleGames.nextPageUrl,
                    pageUrls    : this.EligibleGames.pageUrls,
                    currentPage : this.EligibleGames.currentPage
                });
                this.$('.pagination-container').fadeIn();
                this.$('.eligible-games-pagination').addClass('pagination');
                this.$('.eligible-games-pagination').html(pager);
            }
        },
        /**
         * Handle the Navigation of the tabs in the history page
         * @author Santoshreddy.Mogulla@gtech.com
         * @TODO: return something 
        */
        handleTabNavigation: function handleTabNavigation(){
            this.submit();
        },
        /**
         * Handles page changing when there are more results to be displayed.
         * @TODO return something (twytrebowicz)
         */
        changePage: function changePage( event, data ){
            event && event.preventDefault();
            var target = $(event.target);
            if(target.attr("href")){
                this.EligibleGames.url = target.attr("href"); 
                if(target.hasClass("previous_link")){
                    this.currentPage--;
                } else if(target.hasClass("next_link")) {
                    this.currentPage++;
                }else if(target.attr("data-key")){
                    this.currentPage = Number(target.attr("data-key"));
                }
                this.EligibleGames.fetch({cache: false})
                .done( this._populateResults )
                .done( this._populatePagination )
                .fail(console.warn);
            }
        },
        
        /**
         * Sort the data from the server.
         * @TODO return something (smogulla)
         */
        sortData: function sortData( event, data ){
            event && event.preventDefault();
            var target = $(event.target).closest('th');
            this.sortField = target.attr('data-column-id');
            if(target.attr('data-sort-type') && target.attr('data-sort-type') == 'asc') {
                target.attr('data-sort-type','desc');
                target.attr('class',"header headerSortDown");
                this.sortType = "desc";
            } else {target.attr('data-sort-type','asc');
                target.attr('class',"header headerSortUp");
                this.sortType = "asc";
            }
            this.submit();
        },
        
        /**
         * Handle the Error scenarios for each of the history tabs
         * @author santoshreddy.mogulla@gtech.com
         * @TODO: Fetch the error message from the dictionary
         * @param {Object} [reason] reason for failure 
         * @returns {Q.promise} [reason]
        */
        _handleFailure: function handleFailure(reason){
             var errorPlaceHolder = this.$(".eligibleGames-error"),
                 preloader  = this.$('.preloader_big');
             this.specyficErrorNotifier.show("SCEligibleGames.generic.error", 'alert-danger');
             preloader.hide();
            return Q.reject(reason);
        },
          /**
           * append filters
           * @author santoshreddy.mogulla@gtech.com
           *  return filters 
          */
          getFilters: function getFilters(){
              var data = {'group-name':this.groupName};
              data["sort-columns"]= this.fieldsMap[this.sortField];
              data["sort-orders"]= this.sortType;
              return data;
          }
    });
}(jQuery, portalGGA.utils.redirect));