$JQry(function() {
	
	$JQry(".workspace-local-group-management select.select2").each(function(index, element) {
		var $element = $JQry(element),
 			options = {
					theme : "bootstrap"
				};
		
		
		// Result template
		options["templateResult"] = function(params) {
			var $element = $JQry(params.element),
				displayName = $element.data("displayname"),
				avatar = $element.data("avatar"),
				mail = $element.data("mail");
			
			$result = $JQry(document.createElement("div"));
			
			if (params.loading) {
				$result.text(params.text);
			} else {
				$result.addClass("person");
				
				// Person avatar
				$personAvatar = $JQry(document.createElement("div"));
				$personAvatar.addClass("person-avatar");
				$personAvatar.appendTo($result);
				
				if (avatar) {
					// Avatar
					$avatar = $JQry(document.createElement("img"));
					$avatar.attr("src", avatar);
					$avatar.attr("alt", "");
					$avatar.appendTo($personAvatar);
				} else {
					// Icon
					$icon = $JQry(document.createElement("i"));
					$icon.addClass("glyphicons glyphicons-user");
					$icon.text("");
					$icon.append($personAvatar);
				}
				
				// Person title
				$personTitle = $JQry(document.createElement("div"));
				$personTitle.addClass("person-title");
				$personTitle.text(displayName);
				$personTitle.appendTo($result);
				
				// Person extra
				$personExtra = $JQry(document.createElement("div"));
				$personExtra.addClass("person-extra");
				text = params.id;
				if (mail) {
					text += " – ";
					text += mail;
				}
				$personExtra.text(text);
				$personExtra.appendTo($result);
			}

			return $result;
		};
		
		
		// Selection template
		options["templateSelection"] = function(params) {
			var $element = $JQry(params.element),
				displayName = $element.data("displayname"),
				avatar = $element.data("avatar");
			
			// Selection
			$selection = $JQry(document.createElement("div"));
			$selection.addClass("workspace-member-selection");
			
			if (avatar) {
				// Person avatar
				$personAvatar = $JQry(document.createElement("div"));
				$personAvatar.addClass("person-avatar");
				$personAvatar.appendTo($selection);
				
				// Avatar
				$avatar = $JQry(document.createElement("img"));
				$avatar.attr("src", params.avatar);
				$avatar.attr("alt", "");
				$avatar.appendTo($personAvatar);
			}
			
			// Person title
			$personTitle = $JQry(document.createElement("div"));
			$personTitle.addClass("person-title");
			$personTitle.text(displayName);
			$personTitle.appendTo($selection);
			
			return $selection;
		};
		
		
		// Internationalization
		options["language"] = {};
		if ($element.data("input-too-short") !== undefined) {
			options["language"]["inputTooShort"] = function() {
				return $element.data("input-too-short");
			}
		}
		if ($element.data("error-loading") !== undefined) {
			options["language"]["errorLoading"] = function() {
				return $element.data("error-loading");
			}
		}
		if ($element.data("loading-more") !== undefined) {
			options["language"]["loadingMore"] = function() {
				return $element.data("loading-more");
			}
		}
		if ($element.data("searching") !== undefined) {
			options["language"]["searching"] = function() {
				return $element.data("searching");
			}
		}
		if ($element.data("no-results") !== undefined) {
			options["language"]["noResults"] = function() {
				return $element.data("no-results");
			}
		}
		
		
		// Force width to 100%
		$element.css({
			width: "100%"
		});
		
		
		$element.select2(options);
		
		
		$element.on("select2:select", function(event) {
			var $target = $JQry(event.target),
				$form = $target.closest("form"),
				$submit = $form.find("button[type=submit][name='add-member']");
			
			$submit.click();
        });
	});
	
	
	$JQry(".workspace-local-group-management input").focus(function(event) {
		var $target = $JQry(event.target),
			$form = $target.closest("form"),
			$collapse = $form.find(".collapse");
		
		if (!$collapse.hasClass("in")) {
			$collapse.collapse("show");
		}
	});
	
	
	$JQry(".workspace-local-group-management button[data-type=delete-local-group]").click(function(event) {
		var $target = $JQry(event.target),
			$fieldset = $target.closest("fieldset"),
			$row = $fieldset.closest(".table-row"),
			$hidden = $row.find("input[type=hidden]"),
			$form = $fieldset.closest("form"),
			$collapse = $form.find(".collapse");
		
		$hidden.val(true);
		$fieldset.prop("disabled", true);
		if (!$collapse.hasClass("in")) {
			$collapse.collapse("show");
		}
	});
	
	
	$JQry(".workspace-local-group-management button[data-type=remove-member]").click(function(event) {
		var $target = $JQry(event.target);
		var $li = $target.closest("li");
		var $form = $li.closest("form");
		var $input = $li.find("input[type=hidden][name$=deleted]");
		var $submit = $form.find("input[type=submit][name='update-member']");
		
		$input.val(true);
		$submit.click();
	});
	
	
	$JQry(".workspace-local-group-management button[data-type=restore-member]").click(function(event) {
		var $target = $JQry(event.target);
		var $li = $target.closest("li");
		var $form = $li.closest("form");
		var $input = $li.find("input[type=hidden][name$=deleted]");
		var $submit = $form.find("input[type=submit][name='update-member']");
		
		$input.val(false);
		$submit.click();
	});
	
	
	$JQry(".workspace-local-group-management a[data-type=delete]").click(function(event) {
		var $target = $JQry(event.target),
			text = $target.data("text");
		
		return confirm(text);
	});
	
	
	$JQry(".workspace-local-group-management button[type=reset]").click(function(event) {
		var $target = $JQry(event.target),
			$form = $target.closest("form");
		
		$form.find("fieldset[disabled]").prop("disabled", false);
		$form.find("input[type=hidden][value=true]").val(false);
	});
	
});