!(function($,redirect){
    /**
     * @class  Model of My Submissions form
     * @view
     * @author santoshreddy.mogulla@gtech.com
     *  @author hariprasad.pinninti@gtech.com
     * @requires portalGGA.models.MySubmissions
     * @requiresDOM .mySubmissions-results, .mySubmissions-noResults, .mySubmissions-query
     */
    portalGGA.views.MySubmissionsView = Backbone.View.extend(
        /** @lends  portalGGA.views.MySubmissionsView.prototype */{
        events:{
             "click .detailsTriger" : "showSCPlayerDrawDetails",
             "click .pagination a" : "changePage",
             "submit" : "submit",
             "click .deleteSubmission" : "deleteConfirmation",
             //"click .deleteSubmission" : "deleteSubmission",
             "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.MySubmissions} [options.MySubmissions] MySubmissions 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 MySubmissionsView( options ){
            Backbone.View.apply(this, arguments);
            this.groupName = options.groupName;
            this.successRedirectURL = options.successRedirectURL;
            this.MySubmissions =  options.MySubmissions || new portalGGA.MySubmissions();
            this.allSCDrawsForDropdown = options.SCDrawsSubmissions || new portalGGA.SCDrawsSubmissions();
            this.games=[];
            this.mdrGames = new portalGGA.EligibleMDRGames();  

 
             
       
            this.SCPlayerDrawTemplate = _.template( this.$('.mySubmissions-transactionTemplate').html() );
            this.SCMySubmissionsHeaderTemplate = _.template( this.$('.mySubmissions-transactionHeader').html() );
            this.SCDrawNamesTemplate = _.template( this.$('.drawNames-Template').html() );
            this.drawNamesForSubmission = [];
            this.specyficErrorNotifier = new portalGGA.utils.ErrorNotifier(this.$(".mySubmissions-error"));
         
            this.getGames();   
            this._getMDRGames(); 
            this.mdrgamesArray=[];
            this.getMonthlySubmission();
 
                
            this.gameNames = [];
            this.sortField = "DATE_SUBMITTED";
            this.sortType = "desc";
            this.fieldsMap = {
                'DATE_SUBMITTED' : 'dateSubmitted'
            },
            _.bindAll(this, "_populateHeader", "_populateResults", "_populatePagination", "_populateDropdown", "_handleFailure","getFilters", "deleteSubmission");
            if(options.populate) {
                this._populateDropdown();
                 this.$('.preloader_big').hide(); 
              //  this.submit();
            }
        },
        
         /**
         * Retrieve games
         * @TODO: error handling
         * @param {Event} [event] 
         * @param {Object} [data] query data if not given, #serialize() will be used.
         * @returns {Q.promise} [description]
        */
          getGames: function getGames(){
           var self =this; 
           $.ajax({ 
                        url: '/api/v1/second-chance/games?group-name=MDR',
                        type: 'GET',
                        success: function(result) {
                           self.games=result.games; 
                        },
                        error: function(reason) {
                          reason = $.parseJSON(reason.responseText); 

                        } 
                    });
                   
            
        },
        
        getMonthlySubmission: function getMonthlySubmission(){
        
         var self =this; 
           $.ajax({ 
                        url: '/api/v1/second-chance/players/self/current-month-submissions-count',
                        type: 'GET',
                        success: function(result) {
                           console.log("result value ---->"+result);
                           $(".mdrMonthlyCount").html(result.count); 
                        },
                        error: function(reason) {
                          reason = $.parseJSON(reason.responseText); 

                        } 
                    });
        
        
        
        },
        
        
             /**
         * get current elligible games
         * @author santoshreddy.mogulla@gtech.com
         * @param {Event} [event] 
         * 
        */ 
        _getMDRGames: function _getMDRGames(event) {
           var self = this;
                          
 
            self.mdrGames.fetch({ cache:false,data:{'group-name':'MDR','sort-columns':'gameName','sort-orders':'asc'}}).done( function success(response){
             var totalPage=response.totalPages;
              var currentPage=response.currentPage;
         
              self.mdrgamesArray=response.games; 
               if(currentPage !== totalPage && response.nextPageUrl!==null){
               self.mdrGames.url=response.nextPageUrl;
               self._getNextMDRGames();   
                 
              }     
          
                return response.games;
            })                        
            .fail(function error(reason){
                console.warn("Error", this, arguments);
                reason = $.parseJSON(reason.responseText);

                portalGGA.utils.globalErrorNotifier.show(reason,"alert-danger");
                return reason;
            });
        }, 
        
        
        
        /**
         * get next set of elligible games
         * @author santoshreddy.mogulla@gtech.com
         * @param {Event} [event] 
         * 
        */ 
        
        _getNextMDRGames: function _getNextMDRGames(){
             var self = this;
              self.mdrGames.fetch({cache:false}).done(function success(response){
             
              var totalPage=response.totalPages;
              var currentPage=response.currentPage;
              
              for(var i=0;i<response.games.length; i++){
             
              self.mdrgamesArray.push(response.games[i]);     
              
              } 
              
              if(currentPage !== totalPage && response.nextPageUrl!==null){
                  self.mdrGames.url=response.nextPageUrl;
                  self._getNextMDRGames();  
              }  
                       
                return response.games;
            })                        
            .fail(function error(reason){
                console.warn("Error", this, arguments);
                reason = $.parseJSON(reason.responseText);

                portalGGA.utils.globalErrorNotifier.show(reason,"alert-danger");
                return reason;
            });
           
        }, 
         
        /**
         * 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.$(".mySubmissions-table").hide();
            
            this._populateHeader();
            this.$('.mySubmissions-noResults').fadeOut();
            this.$('.mySubmissions-results').empty();
            this.specyficErrorNotifier.clear();
            this.MySubmissions.url = "/api/v1/second-chance/players/self/submissions"; 
            return Q.when(this.MySubmissions.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.$('.mySubmissions-header').html(this.SCMySubmissionsHeaderTemplate({
                        'sortField': this.sortField, 
                        'sortType': this.sortType,
                        'fieldsMap': this.fieldsMap
                    }));
        },
        /**
         * [_populateDropdown description]
         * @author hariprasad.pinninti@gtech.com
         * @author santoshreddy.mogulla@gtech.com
         * @TODO return something (twytrebowicz)
         * @TODO  scope (twytrebowicz)
         */
        _populateDropdown: function _populateDropdown(  ){
            console.info('_populateDropdown', this, arguments);
            var self = this;
            if(this.drawNamesForSubmission && this.drawNamesForSubmission.length == 0){
                return Q.when(self.allSCDrawsForDropdown.fetch({cache:false, data: {'group-name':self.groupName,'entries-only':true}} ))
                .then(function populateDrawsDropdown(){ 
                    var drawNamesForSubmission = _.map(self.allSCDrawsForDropdown.models, function(allSCDraws){ 
                                    var drawData = allSCDraws.toJSON();
                                    return   {'id': drawData.drawNumber, 'drawName' : drawData.drawName};
                                }).reverse();
                 self.drawNamesForSubmission = drawNamesForSubmission;
                 var html = self.SCDrawNamesTemplate( {
                     drawNames : drawNamesForSubmission,
                     groupName : self.groupName
                   });
                   self.$('[name=drawType]').html(html);
                   self.$('.btn-search').trigger("click"); 
                });
           }
            
             
        },
        /**
         * [_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.$(".mySubmissions-table");
            if(this.MySubmissions.length){
                for(var txNo=0; txNo<this.MySubmissions.length; txNo++  ){
                    //passing Model to json again is quite overhead, but benefits with independance, may be usefull when Tx model will evolve.
                    rows += this.SCPlayerDrawTemplate( this.MySubmissions.models[txNo].toJSON() );
                }
                this.$('.mySubmissions-results').html(rows);
                if(this.groupName == 'OPTIN') {
                   // this.$('.deleteSubmissions').hide();
                    this.$('.viewSubmissions').hide();
                } 
              preloader.hide();
              table.show();
              location.hash="#millionDollarReplay";
            }else{
                var self = this;
                preloader.fadeOut()
                    .promise().done(function crossFade(){
                        preloader.hide();//hide if container was already hidden
                        table.show();
                        self.$('.mySubmissions-noResults').fadeIn();
                    });
               
            }
        }, 
        /**
         * [_populatePagination description]
         * @author santoshreddy.mogulla@gtech.com
         * @TODO return something (twytrebowicz)
         */
        _populatePagination : function populatePagination(){
            console.info("_populatePagination",this);
            if(this.MySubmissions.length>0){
                var pager = mySubmissionsPaginationTemplate( {
                    prevPageUrl : this.MySubmissions.prevPageUrl,
                    nextPageUrl : this.MySubmissions.nextPageUrl,
                    pageUrls    : this.MySubmissions.pageUrls,
                    currentPage : this.MySubmissions.currentPage
                });
                this.$('.pagination-container').fadeIn();
                this.$('.my-submissions-pagination').addClass('pagination');
                this.$('.my-submissions-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._populateDropdown();
           // this.submit();
        },
        /**
         * Handles page changing when there are more results to be displayed.
         * @TODO return something (smogulla)
         * @author santoshreddy.mogulla@gtech.com
         */
        changePage: function changePage( event, data ){
            event && event.preventDefault();
            var target = $(event.target);
            if(target.attr("href")){
                this.MySubmissions.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.MySubmissions.fetch({cache:false})
                .done( this._populateResults )
                .done( this._populatePagination )
                .fail(console.warn);
            }
        },
        /**
         * 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){
            console.log("failure reason", reason);
             var errorPlaceHolder = this.$(".mySubmissions-error"),
                 preloader  = this.$('.preloader_big');
             this.specyficErrorNotifier.show("SCmySubmissions.generic.error", 'alert-danger');
             preloader.hide();
            return Q.reject(reason);
        },
        /**
         * Confirmation while deleting a submission
         * @author santoshreddy.mogulla@gtech.com
         * @TODO return something (smogulla)
         */
        deleteConfirmation: function deleteConfirmation(event,data){
            event.preventDefault();
            var target = $(event.target);
            var self = this;
            var submissionId = target.attr("submission-id");
            var deleteMessage = target.attr("data-delete-message");
            $('#deleteSubmissionsModalTmpl').appendTo('body');
            $('#deleteSubmissionsModalTmpl').html(DeleteSubmissionsTemplate({submissionId: submissionId, message: deleteMessage }));
            $('#deleteSubmissionsModal').modal('show');
            $( ".delete-submission-confirm" ).click(function() {
                self.deleteSubmission(event, data)
            });
 
            return false;
        },
        
        /**
         * Handles showing of modal containing details of given game transaction.
         * @author santoshreddy.mogulla@gtech.com
         * @TODO return something (smogulla)
         * @todo  move parsing xml to the model (twytrebowicz)
         */
        showSCPlayerDrawDetails: function showSCPlayerDrawDetails(event,data){
            event.preventDefault();
            var target = $(event.target);
            var drawNumber = target.attr("draw-id");
            var submissionId = target.attr("submission-id");
            var gamePromotionValue="";
            var gameName="";
           var promoData={};
            var color="";
            var msg=""; 
  
     

            if(drawNumber){
              

                var currentModel = this.MySubmissions.find(function(model) { 
                
                return model.get('drawId') == drawNumber && model.get('submissions')[0].submissionId == submissionId; 
                
                }).toJSON();
          

                $('#secondChanceSubmissionsModalTmpl').appendTo('body');
                $('#secondChanceSubmissionsModalTmpl').html(GenericModalSubmissionsTemplate());
                if(this.groupName == 'MDR') {
                    $('.modal-title').html(CQ.I18n.getMessage("scsubmissions.mdr.modal.title"));
                } else if(this.groupName == 'LBZ') {
                    $('.modal-title').html(currentModel.submissions[0].gameName + ' SUBMISSIONS');
                } else {
                    $('.modal-title').html(currentModel.submissions[0].gameName);
                }
                loading('#secondChanceSubmissionsModalBody');
                var modalBody = "";
                $('#secondChanceSubmissionsModal').modal('show');
                
                if(this.groupName == 'MDR') {
                    
                    console.log(currentModel);
                    var submissions = currentModel.submissions;
                    var promoMessage;
                    var promoGameNumber;
                    var promoGameExtraValue;
                     var submissionPromoObj;
                     var promoColor; 
                       if(submissions[0].gamePromotionDynData!=null){
                  
                    
                                    try {
                                        submissionPromoObj= newObj = JSON.parse(submissions[0].gamePromotionDynData);
                                    } catch (e) {
                                        submissionPromoObj= submissions[0].gamePromotionDynData;
                                    }
                                    
                                      if(submissionPromoObj!=null)
                                    promoMessage =submissionPromoObj.message; 
                                
                                    }
                    
                  /*  _.each(submissions, function(submission){
                        var gameNumber = submission.entryCode.substring(1,5);
                        
                        var mdrGamesArray = portalGGA.utils.localStorage.get("MDR_GAMES_ARRAY");
                        
                        var promoArray = _.filter(mdrGamesArray, function(mdrarryobj) {
                            
                              return mdrarryobj.gameNumber == gameNumber;
                            })

                            
                            if(promoArray[0].promoDynamicData){
                                var promoObj;
                                    try {
                                        promoObj = newObj = JSON.parse(promoArray[0].promoDynamicData);
                                    } catch (e) {
                                        promoObj = promoArray[0].promoDynamicData;
                                    }
                                    promoGameNumber = gameNumber;
                                    promoMessage = promoObj.message;
                            }
                    });*/
                      

                    modalBody = MDRSubmissionsInfoModalTemplate({currentModel:currentModel,promoMessage:promoMessage});
                
                } else { 
                    modalBody = SubmissionsInfoModalTemplate(currentModel);
                }
                setTimeout(function() {
                    $('#secondChanceSubmissionsModalBody').hide();
                    $('#secondChanceSubmissionsModalBody').html(modalBody);
                    loading('#secondChanceSubmissionsModalBody','hide');
                     $('#secondChanceSubmissionsModalBody').fadeIn();
                }, 1000);
            }
          },
          /**
           * Deleteing the selected Submission.
           * @author santoshreddy.mogulla@gtech.com
           * @TODO return something (smogulla)
           */
          deleteSubmission: function deleteSubmission(event,data){
            event && event.preventDefault();
             var self = this;
             var target = $(event.target);
             var submissionId = target.attr("submission-id");
              if(submissionId){
                  $.ajax({
                        url: '/api/v1/second-chance/players/self/submissions/'+submissionId,
                        type: 'DELETE',
                        success: function(result) {
                             $('#deleteSubmissionsModalTmpl').appendTo('body');
                             $('#deleteSubmissionsModalTmpl').html(DeleteSubmissionConfirmationTemplate());
                             $('#deleteConfirmationModal').modal('show');
                             $('#deleteConfirmationModal').on('hidden.bs.modal', function(event) {
                                 redirect.send(self.successRedirectURL,null);
                             }); 
                        },
                        error: function(reason) {
                            reason = $.parseJSON(reason.responseText);
                            var errorMessage = "";
                            if(reason.code == "SC_DELETE_DRAW_NOT_OPEN")
                            {
                                errorMessage = CQ.I18n.getMessage("SC_DELETE_DRAW_NOT_OPEN");
                            }
                            else
                            {
                                errorMessage = "Submission could not be deleted";
                            }
                            $('#deleteSubmissionsModalTmpl').appendTo('body');
                            $('#deleteSubmissionsModalTmpl').html(DeleteSubmissionErrorTemplate({errorMessage:errorMessage}));  
                            $('#deleteSubmissionErrorModal').modal('show');
                        }
                    });
              }
            },
            /**
             * 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');
                this.sortType = "desc";
            } else {target.attr('data-sort-type','asc');
                this.sortType = "asc";
            } 
                this.submit();
            },
          /**
           * 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;
              
              var selectedDraw = this.$("#drawType").val();
              if(selectedDraw == null) {
                  selectedDraw = 'all';
              }
              var currDate = new Date();
              var curr = new Date(); 
              switch (selectedDraw) {
                case "all" :
                break;
                
                 case "lastmonth" :
                     var prevMonth= new Date(curr);
                     var prenMonthDate = new Date(prevMonth.setMonth(curr.getMonth()-1)); 
                  
                     data["date-from"]= prenMonthDate.getTime();
                     data["date-to"]= curr.getTime();
                break;
                
                case "lastyear" :
                     var prevYearDate = new Date(curr);
                     var prevYear =new Date(prevYearDate.setFullYear(curr.getFullYear() - 1)); 
                     var prevYrLastMonth=12-(prevYear.getMonth());

                     var lastDay = new Date(prevYear.getFullYear(),(prevYear.getMonth())+prevYrLastMonth, 0);
                    

                     timeStamp = prevYearDate.setFullYear(curr.getFullYear() - 1);  
                     
                     data["date-from"]= timeStamp;
                     data["date-to"]= lastDay.getTime();
                break;
                
                default:
                    data["draw-ids"] = selectedDraw;
                 break;
                
              }
            
              return data;
          }
    });
}(jQuery, portalGGA.utils.redirect));