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;

    var stopVideo = (item) => {
        var iframe = item.querySelector('iframe');
        var video = item.querySelector('video');
        if (iframe) {
            var iframeSrc = iframe.src;
            iframe.src = iframeSrc;
        }
        if (video) {
            video.pause();
        }
    };

    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]);
            };
        }

        //open popup on exit intent
        if ("exit_intent" == 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 displayedCookie = false

            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 {
                document.addEventListener('mouseleave', function (e) {
                    if (e.clientY < 0) {
                        if (!displayedCookie) {
                            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]);

                            //Set Cookies
                            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")
                            );
                        }
                        displayedCookie = true
                    }
                });
            }
        }

        // 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";

                stopVideo(eb_popups[x].querySelector(".modal-main-wrap"));
            };
        }

        // 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";

                        stopVideo(item);
                    });
                }
            };
        }

        // 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";

                            stopVideo(item);
                        });
                    }
                };
            }
        }
    }

    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;path=/";
        } 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 "";
    }
});