var groupCompanyApp = angular.module('groupCompanyApp', ["commonsApp"]);

groupCompanyApp.directive('groupCompany',['Constants','commonsAppServices','mySharedService', function( Constants,commonsAppServices,sharedService) {
	 return {
	        restrict: "E",
	        templateUrl: Constants.cdnFullPath + 'scripts/angular/commons/modules/groupcompany/groupCompany.html',
	        replace: true,
	        scope: {
	        	control : '=',
	        	groupData : '@',
	        	companyId : '@',
	        	followedCompany : '@',
	        	offsetLeft : '=',
	        	offsetTop : '=',
	        	arrowPosition : '=',
	        	dontShowChecked : '@'
	        },
	        link: function (scope, element, attrs) {
	        	scope.modifiedData = [];
	        	scope.ui = {'mode' : 'view'};
	        	scope.groupCompany = {};
	        	scope.dontShowPopup = "false";
	        	scope.groupCompany.mixpanelTracking = true;
	        	scope.groupCompany.duplicateName = false;
	        	
	        	if(scope.dontShowPopup = "false") {
	        	commonsAppServices.getIsFollowAndAssign().then(function(result) {
	        		scope.dontShowPopup = result.data;
	        	});
	        	}
	        	scope.control.getGroup = function(event,followedCompany, companyId) {
	        		scope.groupCompany.onSaving = false;
	        		scope.showGroupPopup = false;
    				scope.modifiedData = [];
    				scope.group = null;
    				scope.arrowPosition = "";
	        		event.target.disabled = true;
	        		scope.followedCompany = followedCompany;
	        		scope.groupCompany.companyId = companyId;
	        		scope.ui = {'mode' : 'assign'};
	        		if(companyId != "") {
	        			if(scope.dontShowPopup == "true") {
	        				sharedService.followSuggestion(scope.followedCompany);
	        			} else {
	        		commonsAppServices.getGroupData(companyId).then(function(result) {
	        			scope.groupData = result.data;
	        			
	        			var rawDom = event.target;
						var _x = 0;
						var _y = 0;
						var body = document.documentElement || document.body;
						var scrollX = window.pageXOffset || body.scrollLeft;
						var scrollY = window.pageYOffset || body.scrollTop;
						_x = rawDom.getBoundingClientRect().left + scrollX - 215;
						_y = rawDom.getBoundingClientRect().top + scrollY - 103;
						scope.offsetLeft = _x + "px";
						scope.offsetTop = _y + "px";
						scope.arrowPosition = "arrow_right";
	        			scope.showGroupPopup = true;
	        			if(scope.groupCompany.mixpanelTracking) {
	    	        		mixpanel.people.set("Number of Groups", scope.groupData.length);
	    	        		scope.groupCompany.mixpanelTracking = false;
	    	        	}
	        		});
	        			}
	        	};
	        	};
	        	
	        	scope.control.getData = function(event, companyId) {
	        		scope.groupCompany.onSaving = false;
	        		sharedService.showLoading();
	        		scope.groupCompany.companyId = companyId;
	        		scope.showGroupPopup = false;
	        		scope.followedCompany = null;
	        		scope.arrowPosition = "";
    				scope.modifiedData = [];
    				scope.group = null;
    				scope.ui = {'mode' : 'view'};
	        		if(companyId != "") {
	        		commonsAppServices.getGroupData(companyId).then(function(result) {
	        			scope.groupData = result.data;
	        			
	        			var rawDom = event.target;
						var _x = 0;
						var _y = 0;
						var body = document.documentElement || document.body;
						var scrollX = window.pageXOffset || body.scrollLeft;
						var scrollY = window.pageYOffset || body.scrollTop;
						_x = rawDom.getBoundingClientRect().left + scrollX + 100;
						_y = rawDom.getBoundingClientRect().top + scrollY - 110;
						scope.offsetLeft = _x + "px";
						scope.offsetTop = _y + "px";
						scope.arrowPosition = "arrow_left";
	        			scope.showGroupPopup = true;
	        			sharedService.hideLoading();
	        			if(scope.groupCompany.mixpanelTracking) {
	    	        		mixpanel.people.set("Number of Groups", scope.groupData.length);
	    	        		scope.groupCompany.mixpanelTracking = false;
	    	        	}
	        		});
	        	};
	        	};
	        	var newGroupCount= 0;
	        	scope.addNewGroup = function(group) {
	        		if(group != null) {
	        		if(group.name != null && scope.groupData.length < 10) {
	        			var newGroup = new Object();
	        			newGroup.id = getRandomGroupId(100, 200)+"";
	        			newGroup.name = group.name;
	        			newGroup.selected = true;
	        			newGroup.status = "ADDED";
	        			newGroupCount++;
	        			var addToArray=true;
        	        	for(var i=0;i<scope.groupData.length;i++){
        	        	    if(angular.lowercase(scope.groupData[i].name)===angular.lowercase(newGroup.name)){
        	        	        addToArray=false;
        	        	    }
        	        	}
        	        	if(addToArray){
	        					scope.modifiedData.push(newGroup);
		        				scope.groupData.unshift(newGroup);
	        			} else {
	        				scope.groupCompany.duplicateName = true;
	        			};
	        		}
	        	}
	        	};
	        	
	        	scope.selectGroup = function(groupId) {
	        		angular.forEach(scope.groupData, function(group) {
	        			if (group.id === groupId && group.selected === true) {
	        				group.selected = false;
	        				if(group.status != "ADDED") {
	        					group.status = "SELECTED";
	        				}
	        				     if (scope.modifiedData.indexOf(group) == -1) {
	        				         scope.modifiedData.push(group);
	        				     }
							return false;
						} else if(group.id === groupId && group.selected === false) {
							group.selected = true;
							group.status = "SELECTED";
							 if (scope.modifiedData.indexOf(group) == -1) {
	        						scope.modifiedData.push(group);
	        					}
							return false;
						}
	        		});
	        	}
	        	
	        	scope.renameGroup = function(groupId, groupName) {
	        		angular.forEach(scope.groupData, function(group) {
	        			if (group.id === groupId) {
	        				
	        				var addToArray=true;
	        	        	for(var i=0;i<scope.groupData.length;i++){
	        	        	    if(angular.lowercase(scope.groupData[i].name)===angular.lowercase(groupName)){
	        	        	        addToArray=false;
	        	        	    }
	        	        	}
	        	        	if(addToArray){
	        	        		group.status = "MODIFIED";
		        				group.name=groupName;
			        				if (scope.modifiedData.indexOf(group) == -1) {
			        					scope.modifiedData.push(group);
			        				}
	        				};
							return false;
						}
	        		});
	        	}
	        	
	        	scope.modalShown = false;
	        	scope.itemToDeleteId;
	        	
	        	scope.openModal = function (itemId) {
	        	    scope.itemToDeleteId = itemId;
	        	    scope.modalShown = true;
	        	};
	        	
	        	var deletedGroupCount= 0;
	        	scope.deleteGroup = function() {
	        		if (!scope.itemToDeleteId) { return; }
	        		var groupId = scope.itemToDeleteId;
	        		scope.itemToDeleteId = null;
	        		scope.modalShown = false;
	        		deletedGroupCount++;
	        		angular.forEach(scope.groupData, function(group) {
	        			if (group.id === groupId) {
	        				var index = scope.groupData.indexOf(group);
        					scope.groupData.splice(index, 1);
	        				group.status = "DELETED";
	        				if (scope.modifiedData.indexOf(group) == -1) {
	        					scope.modifiedData.push(group);
	        				}
							return false;
	        			}
	        			});
	        	}
	        	
	        	scope.closeGroupPopup = function() {
	        		scope.ui = {'mode' : 'view'};
	        		scope.modifiedData = [];
	        		scope.modalShown = false;
	        		scope.group = null;
	        		scope.showGroupPopup = false;
	        		scope.groupCompany.duplicateName = false;
	        		if(scope.followedCompany != null) {
	        			sharedService.followSuggestion(scope.followedCompany);
		        		$("#twocolumn_right .icon_unfollow").prop('disabled', false);
	        		}
	        	}
	        	
	        	scope.hideDuplicateError = function() {
	        		scope.groupCompany.duplicateName = false;
	        	}
	        	
	        	
	        	scope.saveGroup = function() {
	        		scope.groupCompany.onSaving = true;
	        		if(scope.groupData.length <= 10) {
	        			commonsAppServices.saveGroupData(scope.modifiedData, scope.groupCompany.companyId).then(function(result) {
	        				scope.ui = {'mode' : 'view'};
	        				scope.showGroupPopup = false;
	        				scope.modalShown = false;
	        				if(scope.modifiedData != "") {
	        					scope.$emit('groupsModified');
	        				}
	        				scope.modifiedData = [];
	        				
	        				scope.group = null;
	        				scope.groupCompany.duplicateName = false;
	        				var prop={};
	        				prop["Number of Groups"]=newGroupCount;
	        				if(newGroupCount != 0) {
	        					trackMixpanelEvent("Groups Created",prop);
	        				}
	        				if(newGroupCount != 0 || deletedGroupCount != 0) {
	        					var groupsCount = newGroupCount - deletedGroupCount;
	        					mixpanel.people.increment("Number of Groups", groupsCount);
	        				}
	        				newGroupCount = 0;
	        				deletedGroupCount = 0;
	        			});
	        		}
	        		if(scope.followedCompany != null) {
	        			sharedService.followSuggestion(scope.followedCompany);
	        		}
	        		if(scope.dontShowChecked) {
	        			commonsAppServices.setIsFollowAndAssign(true).then(function(result) {
	        				scope.dontShowPopup = "true";
	        			});
	        		}
	        		scope.groupCompany.onSaving = false;
	        	};
	        	
	        	
	        	function getRandomGroupId(min, max) {
	        	    var value = Math.random() * (max - min) + min;
	        	    return Math.round(value);
	        	};
	        }
	       };
}]);