// SIDEBAR DROPDOWN
$(".side-dropdown")
	.parent()
	.find("> a")
	.click(function (e) {
		e.preventDefault();

		if (!$(this).hasClass("active")) {
			$(".side-dropdown").parent().find("> a").removeClass("active");
			$(".side-dropdown").slideUp();

			$(this).addClass("active");
			$(this).siblings(".side-dropdown").slideDown();
		} else {
			$(this).removeClass("active");
			$(this).siblings(".side-dropdown").slideUp();
		}
	});

// SIDEBAR COLLAPSE
var toggleSidebar = $(".toggle-sidebar");
var allSideDivider = $(".sidebar .divider");

if ($(".sidebar").hasClass("hide")) {
	allSideDivider.text("-");
	$(".side-dropdown").slideUp();
	$(".side-dropdown").parent().find("> a").removeClass("active");
} else {
	allSideDivider.each(function (i, v) {
		$(v).text($(v).attr("data-text"));
	});
}

toggleSidebar.click(function () {
	$(".sidebar").toggleClass("hide");

	if ($(".sidebar").hasClass("hide")) {
		allSideDivider.text("-");
		$(".side-dropdown").slideUp();
		$(".side-dropdown").parent().find("> a").removeClass("active");
	} else {
		allSideDivider.each(function (i, v) {
			$(v).text($(v).attr("data-text"));
		});
	}
});

$(".sidebar-overlay").click(function () {
	$(".sidebar").addClass("hide");
});

if ($(window).width() <= 767) {
	$(".sidebar").addClass("hide");
}

$(".sidebar").mouseleave(function () {
	if ($(this).hasClass("hide")) {
		allSideDivider.text("-");
		$(".side-dropdown").slideUp();
		$(".side-dropdown").parent().find("> a").removeClass("active");
	}
});

$(".sidebar").mouseenter(function () {
	if ($(this).hasClass("hide")) {
		allSideDivider.each(function (i, v) {
			$(v).text($(v).attr("data-text"));
		});
	}
});

// start: Advert
$(".advert-item-dropdown button").click(function () {
	if (!$(this).closest(".advert-item-dropdown").hasClass("active")) {
		$(".advert-item-dropdown").removeClass("active");
		$(this).closest(".advert-item-dropdown").addClass("active");
	} else {
		$(this).closest(".advert-item-dropdown").removeClass("active");
	}
});

$(document).click(function (e) {
	if (!$(e.target).is(".advert-item-dropdown, .advert-item-dropdown *")) {
		$(".advert-item-dropdown").removeClass("active");
	}
});
// end: Advert

// start: Custom select
$(".form-group .select").click(function () {
	if (!$(this).hasClass("active")) {
		$(".form-group .select").removeClass("active");
		$(this).addClass("active");
	} else {
		$(this).removeClass("active");
	}
});

$(document).click(function (e) {
	if (!$(e.target).is(".form-group .select *, .form-group .select")) {
		$(".form-group .select").removeClass("active");
	}
});

$(document).on("click", ".form-group .select-option li", function () {
	$(this).closest(".select").find("input").val($(this).attr("data-value"));
	$(this)
		.closest(".select")
		.find(".selected")
		.text($.trim($(this).text()));
});

$(".form-group .select-option li[data-selected]").each(function (i, v) {
	$(v)
		.closest(".select")
		.find(".selected")
		.text($.trim($(v).text()));
});
// end: Custom select

// var uploadImageInput = $(".upload-image-input");

// uploadImageInput.change(function (e) {
//   var [file] = this.files;

//   if (file) {
//     $(".upload-image img").remove();
//     $(".upload-image").append(
//       '<img src="' + URL.createObjectURL(file) + '" alt="">'
//     );
//   }
// });

function generateSingleSelect(selector) {
	var select = $(selector)
	
	select.siblings('.select').remove()

	var options = select.children()
	var selectEl = $(document.createElement('div'))
	selectEl.addClass('select')
	var ul = $(document.createElement('ul'))
	ul.addClass('select-option')
	var selected = $(document.createElement('div'))
	selected.addClass('selected')

	options.each(function(j, x) {
		var li = $(document.createElement('li'))
		li.attr('data-value', $(x).attr('value'))

		if($(x).prop('selected')) {
			li.attr('data-selected', true)
			selected.text($.trim($(x).text()))
		}
		if($(x).prop('disabled')) {
			li.attr('data-disabled', true)
		}
		if($(x).prop('hidden')) {
			li.attr('data-hidden', true)
		}

		li.text($.trim($(x).text()))

		ul.append(li)

		li.click(function() {
			select.val($(this).attr('data-value'))

			ul.find('[data-selected]').removeAttr('data-selected')
			$(this).attr('data-selected', true)
			selected.text($.trim($(this).text()))
		})
	})

	selectEl.append(selected)
	selectEl.append(ul)
	select.after(selectEl)

	select.addClass('hidden')

	selectEl.click(function() {
		if(!$(this).hasClass('active')) {
			$('.select').removeClass('active')
		}
		$(this).toggleClass('active')
	})
}

// $('select').each(function(i, v) {
// 	var select = $(this)

// 	select.siblings('.select').remove()

// 	var options = $(this).children()
// 	var selectEl = $(document.createElement('div'))
// 	selectEl.addClass('select')
// 	var ul = $(document.createElement('ul'))
// 	ul.addClass('select-option')
// 	var selected = $(document.createElement('div'))
// 	selected.addClass('selected')

// 	options.each(function(j, x) {
// 		var li = $(document.createElement('li'))
// 		li.attr('data-value', $(x).attr('value'))

// 		if($(x).prop('selected')) {
// 			li.attr('data-selected', true)
// 			selected.text($.trim($(x).text()))
// 		}
// 		if($(x).prop('disabled')) {
// 			li.attr('data-disabled', true)
// 		}
// 		if($(x).prop('hidden')) {
// 			li.attr('data-hidden', true)
// 		}

// 		li.text($.trim($(x).text()))

// 		ul.append(li)

// 		li.click(function() {
// 			select.val($(this).attr('data-value'))

// 			ul.find('[data-selected]').removeAttr('data-selected')
// 			$(this).attr('data-selected', true)
// 			selected.text($.trim($(this).text()))
// 		})
// 	})

// 	selectEl.append(selected)
// 	selectEl.append(ul)
// 	select.after(selectEl)

// 	select.addClass('hidden')

// 	selectEl.click(function() {
// 		if(!$(this).hasClass('active')) {
// 			$('.select').removeClass('active')
// 		}
// 		$(this).toggleClass('active')
// 	})
// })

// $(document).click(function(e) {
// 	if(!$(e.target).is('.select, .select *')) {
// 		$('.select').removeClass('active')
// 	}
// })

$('#image_upload_box').change(function () {

	var file = this.files[0]
	var el = $(this)
	if (file) {
		el.parent().find('img, .image-upload-text').remove()
		var reader = new FileReader()
		reader.onload = function (e) {
			console.log(file);
			var img = document.createElement('img')
			img.src = e.target.result
			el.after(img)
			el.after('<div class="image-upload-text">Click to change image</div><div class="image-progress"><span data-progress="10%"></span></div>');

			var logoImg = new FormData();
			logoImg.append('logoImg', file);
			logoImg.append('adid', adid);
			$.ajax({
				url: './ajax/ajax_upload_logo.php',
				type: 'POST',
				processData: false, // important
				contentType: false, // important
				data: logoImg,
				xhr: function(){
					//upload Progress
					var xhr = $.ajaxSettings.xhr();
					if (xhr.upload) {
						xhr.upload.addEventListener('progress', function(event) {
							var percent = 0;
							var position = event.loaded || event.position;
							var total = event.total;
							if (event.lengthComputable) {
								percent = Math.ceil(position / total * 100);
							}
							//update progressbar
							el.parent().find('.image-progress > *').css('--progress', percent +"%").attr('data-progress', percent +"%")
						}, true);
					}
					return xhr;
				},
				beforeSend: () => {
					// $("upload_label").html("Uploading...")
					// console.log("sending..")
				},
				success: (data) => {
					if (data == "UPLOAD_SUCCESS") {
						alert("Logo updated successfully")
					} else if (data == "UPLOAD_FAILED") {
						alert("Logo upload failed, please try again");
					}

					el.parent().find('.image-progress').remove()
				}
			});
		}
		reader.readAsDataURL(file)
	}
})