!(function ($) {
    var blogbytePostMeta = blogbytePostMeta || {};

    blogbytePostMeta.overridePostMeta = function () {
        // Meta Override.
        let isPostMetaOverridden = document.getElementById(
            "blogbyte-override-post-metas"
        );
        let postMetasWrapperDiv = document.querySelector(
            ".blogbyte-available-post-metas"
        );
        if (isPostMetaOverridden) {
            isPostMetaOverridden.addEventListener("click", function (event) {
                if (true === event.target.checked) {
                    postMetasWrapperDiv.style.display = "block";
                } else {
                    postMetasWrapperDiv.style.display = "none";
                }
            });
        }
    };

    blogbytePostMeta.tabs = function () {
        // Tabs.
        let postMetaWrapper = document.querySelector(
            ".blogbyte-meta-options-wrapper"
        );
        if (postMetaWrapper) {
            var tabLinks = document.querySelectorAll(
                ".blogbyte-meta-tab-header .blogbyte-tab-title"
            );
            var tabContents = document.querySelectorAll(
                ".blogbyte-meta-tab-content .blogbyte-tab-content"
            );

            tabLinks.forEach(function (link) {
                link.addEventListener("click", function (e) {
                    e.preventDefault();

                    // Remove active class from all tab links
                    tabLinks.forEach(function (tabLink) {
                        tabLink.classList.remove("is-active");
                    });

                    // Add active class to the clicked tab link
                    this.classList.add("is-active");

                    // Hide all tab contents
                    tabContents.forEach(function (content) {
                        content.classList.remove("is-active");
                    });

                    // Show the corresponding tab content
                    var tabId = "blogbyte-tab-" + this.getAttribute("data-tab");
                    document.getElementById(tabId).classList.add("is-active");
                });
            });
        }
    };

    $(document).ready(function ($) {
        blogbytePostMeta.overridePostMeta();
        blogbytePostMeta.tabs();
    });
})(jQuery);