(function ($) {
	var QodeSidebar = function () {
		this.widget_wrap = $('.widget-liquid-right');
		this.widget_area = $('#widgets-right');
		this.widget_add = $('#qode-add-widget');
		
		this.create_form();
		this.add_del_button();
		this.bind_events();
	};
	
	QodeSidebar.prototype = {
		
		create_form: function () {
			this.widget_wrap.append(this.widget_add.html());
			this.widget_name = this.widget_wrap.find('input[name="qode-sidebar-widgets"]');
			this.nonce = this.widget_wrap.find('input[name="qode-delete-sidebar"]').val();
		},
		add_del_button: function () {
			this.widget_area.find('.sidebar-qode-custom').append('<span class="qode-delete-button"></span>');
		},
		bind_events: function () {
			this.widget_wrap.on('click', '.qode-delete-button', $.proxy(this.delete_sidebar, this));
		},
		delete_sidebar: function (e) {
			var widget = $(e.currentTarget).parents('.widgets-holder-wrap:eq(0)'),
				title = widget.find('.sidebar-name h2'),
				spinner = title.find('.spinner'),
				widget_name = $.trim(title.text()),
				obj = this;
			
			$.ajax({
				type: "POST",
				url: window.ajaxurl,
				data: {
					action: 'qode_ajax_delete_custom_sidebar',
					name: widget_name,
					_wpnonce: obj.nonce
				},
				beforeSend: function () {
					spinner.addClass('activate_spinner');
				},
				success: function (response) {
					if (response === 'sidebar-deleted') {
						widget.slideUp(200, function () {
							$('.widget-control-remove', widget).trigger('click'); //delete all widgets inside
							widget.remove();
							
							wpWidgets.saveOrder();
						});
					}
				}
			});
		}
	};
	
	$(function () {
		new QodeSidebar();
	});
	
})(jQuery);