document.addEventListener("DOMContentLoaded", function (event) {
	let eb_popups = document.querySelectorAll(".eb-popup-container");
	let main_wrapper = document.querySelectorAll(".modal-main-wrap");

	// Return if there is no popup block
	if (!eb_popups) return;

	for (let x = 0; x < eb_popups.length; x++) {
		let close_btn = eb_popups[x].getAttribute("data-close-btn");

		// open popup with external identifier
		if ("external" == eb_popups[x].getAttribute("data-popup-type")) {
			let identifier = eb_popups[x].getAttribute("data-external-identifier");
			let external_identifiers = document.querySelectorAll(identifier);

			external_identifiers.forEach((item) => {
				item.addEventListener("click", () => {
					eb_popups[x].querySelector(".eb-popup-overlay").style.display =
						"block";
					eb_popups[x].querySelector(".modal-main-wrap").style.display =
						"block";
					auto_exit(eb_popups[x]);
				});
			});
		}

		// open poup on page load
		if ("page_load" == eb_popups[x].getAttribute("data-popup-type")) {
			if ("false" == eb_popups[x].getAttribute("data-use-cookie")) {
				eb_set_popup_cookie(
					eb_popups[x].getAttribute("data-use-cookie"),
					eb_popups[x].getAttribute("data-block-id"),
					eb_popups[x].getAttribute("data-cookie-expire-time")
				);
			}

			let cookiesValue = eb_get_popup_cookie(
				eb_popups[x].getAttribute("data-block-id")
			);

			if ("yes" == cookiesValue) {
				eb_popups[x].querySelector(".eb-popup-overlay").style.display = "none";
				eb_popups[x].querySelector(".modal-main-wrap").style.display = "none";
			} else {
				setTimeout(() => {
					eb_popups[x].querySelector(".eb-popup-overlay").style.display =
						"block";
					eb_popups[x].querySelector(".modal-main-wrap").style.display =
						"block";
					eb_set_popup_cookie(
						eb_popups[x].getAttribute("data-use-cookie"),
						eb_popups[x].getAttribute("data-block-id"),
						eb_popups[x].getAttribute("data-cookie-expire-time")
					);
				}, parseInt(eb_popups[x].getAttribute("data-popup-delay")) * 1000);
			}
			auto_exit(eb_popups[x]);
		}

		// open popup on button click
		if ("btn_click" == eb_popups[x].getAttribute("data-popup-type")) {
			eb_popups[x].querySelector(
				".eb-popup-button-anchor"
			).onclick = function () {
				eb_popups[x].querySelector(".eb-popup-overlay").style.display = "block";
				eb_popups[x].querySelector(".modal-main-wrap").style.display = "block";
				auto_exit(eb_popups[x]);
			};
		}

		// click on close icon
		if (
			"true" === close_btn &&
			eb_popups[x].querySelector(".eb-popup-close-icon")
		) {
			eb_popups[x].querySelector(".eb-popup-close-icon").onclick = function () {
				eb_popups[x].querySelector(".eb-popup-overlay").style.display = "none";
				eb_popups[x].querySelector(".modal-main-wrap").style.display = "none";
			};
		}

		// close on esc button
		if ("true" == eb_popups[x].getAttribute("data-esc-btn")) {
			document.onkeyup = function (e) {
				if (
					e.keyCode == 27 &&
					"true" === eb_popups[x].getAttribute("data-esc-btn")
				) {
					[...eb_popups[x].querySelectorAll(".eb-popup-overlay")].map(
						(item) => {
							item.style.display = "none";
						}
					);

					[...eb_popups[x].querySelectorAll(".modal-main-wrap")].map((item) => {
						item.style.display = "none";
					});
				}
			};
		}

		// close on overlay click
		for (let x = 0; x < main_wrapper.length; x++) {
			if ("true" == eb_popups[x].getAttribute("data-click-exit")) {
				main_wrapper[x].onclick = function (event) {
					const popup_content = main_wrapper[x].querySelector(
						".eb-popup-content"
					);

					if (!popup_content.contains(event.target)) {
						[...document.querySelectorAll(".eb-popup-overlay")].map((item) => {
							item.style.display = "none";
						});

						[...document.querySelectorAll(".modal-main-wrap")].map((item) => {
							item.style.display = "none";
						});
					}
				};
			}
		}
	}

	function auto_exit(element) {
		if ("true" == element.getAttribute("data-auto-exit")) {
			setTimeout(() => {
				element.querySelector(".eb-popup-overlay").style.display = "none";
				element.querySelector(".modal-main-wrap").style.display = "none";
			}, parseInt(element.getAttribute("data-auto-exit-time")) * 1000);
		}
	}

	function eb_set_popup_cookie(isCookie, popup_id, exdays) {
		if ("false" == isCookie) {
			document.cookie = popup_id + "=no";
		} else if (typeof exdays == "string" && exdays.length > 0) {
			const d = new Date();
			d.setTime(d.getTime() + parseInt(exdays) * 24 * 60 * 60 * 1000);
			let expires = "expires=" + d.toUTCString();
			document.cookie = popup_id + "=yes;" + expires + ";path=/";
		} else {
			document.cookie = popup_id + "=yes";
		}
	}

	function eb_get_popup_cookie(popup_id) {
		let name = popup_id + "=";
		let decodedCookie = decodeURIComponent(document.cookie);
		let ca = decodedCookie.split(";");
		for (let i = 0; i < ca.length; i++) {
			let c = ca[i];
			while (c.charAt(0) == " ") {
				c = c.substring(1);
			}
			if (c.indexOf(name) == 0) {
				return c.substring(name.length, c.length);
			}
		}
		return "";
	}
});