<script>
document.addEventListener('DOMContentLoaded', function () {
    function getParentTitle() {
        return encodeURIComponent(document.title);
    }

    function getParentDomain() {
        return encodeURIComponent(window.location.hostname);
    }
    function getMainDomain(host) {
      const parts = host.split(".");
      const count = parts.length;
      if (count >= 3) {
        const last = parts[count - 1];
        const secondLast = parts[count - 2];
        const sldLabels = ["co","com","org","net","edu","gov","ac","mil","or","ne","gen","ind","web","me","info"];
        if (last.length === 2 && sldLabels.includes(secondLast)) {
          return count >= 4 ? parts[count - 3] + "." + secondLast + "." + last : host;
        }
        return secondLast + "." + last;
      } else if (count === 2) {
        return host;
      }
      return null;
    }

    let iframes = document.getElementsByClassName('iframe-class');
    let title = getParentTitle();
    let domain = getParentDomain();
    domain = getMainDomain(domain);
    let linkSuffix = "store-mcqs"; // Default link suffix

    const apiUrl1 = "https://api.triviatrap.net/v1/custom-ads?domain=" + domain;

    fetch(apiUrl1)
        .then(function(response) {
            return response.json();
        })
        .then(function(response) {
            if (response.httpCode === 200 && response.payload.length > 0) {
                let positionMap;
                if(response.payload[0].size == 250){
                    positionMap = {
                        right: "store-mcqs-right",
                        top: "store-mcqs-top-250",
                        left: "store-mcqs-left",
                        bottom: "store-mcqs-bottom-250"
                    };
                }else{
                    positionMap = {
                        top: "store-mcqs-top-50",
                        bottom: "store-mcqs-bottom-50"
                    };
                }
                linkSuffix = positionMap[response.payload[0].position];
            }
            console.log(linkSuffix);

            // Set iframe sources based on linkSuffix
            for (let i = 0; i < iframes.length; i++) {
                let link = "https://triviatrap.net/" + linkSuffix + "?content=" + title + "&domain=" + domain;
                iframes[i].src = link;

                // Adjust iframe dimensions based on linkSuffix
                if (linkSuffix === "store-mcqs-top-50" || linkSuffix === "store-mcqs-bottom-50") {
                    iframes[i].style.height = "250px";
                    iframes[i].style.width = "300px";
                } else if (linkSuffix === "store-mcqs-left" || linkSuffix === "store-mcqs-right") {
                    linksuffix_mob = linkSuffix === "store-mcqs-left" ? "store-mcqs-top-250" : "store-mcqs-bottom-250";
                    linkSuffix = window.innerWidth < 756 ? linksuffix_mob : linkSuffix;
                    iframes[i].style.height = "250px";
                    iframes[i].style.width = "650px";
                    if (window.innerWidth < 756) {
                        iframes[i].style.width = "300px";
                        iframes[i].style.height = "500px";
                    }
                } else if (linkSuffix === "store-mcqs-top-250" || linkSuffix === "store-mcqs-bottom-250") {
                    iframes[i].style.height = "500px";
                    iframes[i].style.width = "300px";
                }
            }
        })
        .catch(function() {
            console.error("Failed to fetch ad block status.");

            // Set iframe sources with default suffix if API call fails
            for (let i = 0; i < iframes.length; i++) {
                let position = iframes[i].getAttribute("data-position"); // Get position from data attribute
                let link = "https://triviatrap.net/" + linkSuffix + "?content=" + title + "&domain=" + domain;
                iframes[i].src = link;
                iframes[i].style.height = "250px";
                iframes[i].style.width = "300px";
            }
        });
});
</script>
<iframe class="iframe-class" allowTransparency="true" style=" width: 300px; height:250px; background: transparent;border: none;"></iframe>