(function($){
	var SelectfSidebar = function(){

		this.widget_wrap = $('.widget-liquid-right, .block-editor-writing-flow');
		this.widget_area = $('#widgets-right');
		this.widget_add  = $('#qodef-add-widget');

		this.create_form();
		this.add_del_button();
		this.bind_events();
	};

    SelectfSidebar.prototype = {

		create_form: function(){
			this.widget_wrap.append(this.widget_add.html());
			this.widget_name = this.widget_wrap.find('input[name="qodef-sidebar-widgets"]');
			this.nonce = this.widget_wrap.find('input[name="qodef-delete-sidebar"]').val();
		},

		add_del_button: function(){
			this.widget_area.find('.sidebar-qodef-custom').append('<span class="qodef-delete-button"></span>');
		},

		bind_events: function(){
			this.widget_wrap.on('click', '.qodef-delete-button', $.proxy( this.delete_sidebar, this));
		},

		delete_sidebar: function(e){
			var responseClick = confirm('Are you sure you want to delete this?');
			if (responseClick !== true) {
				return false;
			}
			
			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: 'qodef_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() {
		setTimeout(function(){
			new SelectfSidebar();
		})
 	});
	
})(jQuery);	 