var modified_categories = {};

function modified(el) {
	var cid = $(el).parents('li').attr('data-cid');

	modified_categories[cid] = modified_categories[cid] || {};
	modified_categories[cid][el.getAttribute('data-name')] = el.value;
}

function save() {
	socket.emit('api:admin.categories.update', modified_categories);
	modified_categories = {};
}

function select_icon(el) {
	var selected = el.className.replace(' icon-2x', '');
	jQuery('#icons .selected').removeClass('selected');
	jQuery('#icons .' + selected).parent().addClass('selected');


	bootbox.confirm('<h2>Select an icon.</h2>' + document.getElementById('icons').innerHTML, function(confirm) {
		if (confirm) {
			var iconClass = jQuery('.bootbox .selected').children(':first').attr('class');
			el.className = iconClass + ' icon icon-2x';
			el.value = iconClass;

			modified(el);
		}
	});

	setTimeout(function() { //bootbox was rewritten for BS3 and I had to add this timeout for the previous code to work. TODO: to look into
		jQuery('.bootbox .col-md-3').on('click', function() {
			jQuery('.bootbox .selected').removeClass('selected');
			jQuery(this).addClass('selected');
		});
	}, 500);
}


function update_blockclass(el) {
	el.parentNode.parentNode.className = 'entry-row ' + el.value;
}

jQuery('#entry-container').sortable();
jQuery('.blockclass').each(function() {
	jQuery(this).val(this.getAttribute('data-value'));
});


//DRY Failure. this needs to go into an ajaxify onready style fn. Currently is copy pasted into every single function so after ACP is off the ground fix asap
(function() {
	function showCreateCategoryModal() {
		$('#new-category-modal').modal();
	}

	function createNewCategory() {
		var category = {
			name:$('#inputName').val(),
			description:$('#inputDescription').val(),
			icon:$('#new-category-modal i').val(),
			blockclass:$('#inputBlockclass').val()
		};

		socket.emit('api:admin.categories.create', category, function(err, data) {
			if(!err) {
				app.alert({
					alert_id: 'category_created',
					title: 'Created',
					message: 'Category successfully created!',
					type: 'success',
					timeout: 2000
				});

				$('#new-category-modal').modal('hide');
			}
		});
	}

	jQuery('document').ready(function() {
		var url = window.location.href,
			parts = url.split('/'),
			active = parts[parts.length-1];

		jQuery('.nav-pills li').removeClass('active');
		jQuery('.nav-pills li a').each(function() {
			if (this.getAttribute('href').match(active)) {
				jQuery(this.parentNode).addClass('active');
				return false;
			}
		});

		jQuery('#save').on('click', save);
		jQuery('#addNew').on('click', showCreateCategoryModal);
		jQuery('#create-category-btn').on('click', createNewCategory);

		jQuery('.icon').on('click', function(ev) {
			select_icon(ev.target);
		});

		jQuery('.blockclass').on('change', function(ev) {
			update_blockclass(ev.target);
		});

		jQuery('.category_name, .category_description, .blockclass').on('change', function(ev) {
			modified(ev.target);
		});

		jQuery('.entry-row button').each(function(index, element) {
			var disabled = $(element).attr('data-disabled');
			if(disabled == "0" || disabled == "")
				$(element).html('Disable');
			else
				$(element).html('Enable');

		});

		jQuery('.entry-row button').on('click', function(ev) {
			var btn = jQuery(this);
			var categoryRow = btn.parents('li');
			var cid = categoryRow.attr('data-cid');

			var disabled = btn.html() == "Disable" ? "1":"0";
			categoryRow.remove();
			modified_categories[cid] = modified_categories[cid] || {};
			modified_categories[cid]['disabled'] = disabled;

			save();
			return false;
		});

	});

}());