(function () { const scriptTag = document.currentScript;
                             let overlay = null;
                             let baseURL = 'https://kwikaapidundasprod.kwika.ca/api/';   
                             const urlParams = new URLSearchParams(scriptTag.src.split("?")[1]);
                             const clientId = urlParams.get("id") || "unknown";const apiUrl = baseURL + `tracking/gettracking?trackingId=CA-0000011`;
                                function createOverlay(barcodeUrl) {
                                    overlay = document.createElement("div");
                                    overlay.style.position = "fixed";
                                    overlay.style.top = "8px";
                                    overlay.style.right = "1px";
                                    overlay.style.padding = "0px";
                                    overlay.style.margin = "0px";
                                    overlay.style.background = "#ffffff";
                                    overlay.style.color = "#fff";
                                    overlay.style.borderRadius = "20px";
                                    overlay.style.zIndex = "99999";
                                    overlay.style.width = "40px";
                                    overlay.style.height = "40px";
                                    overlay.innerHTML = `<img src="${barcodeUrl}" style="width:40px; height:auto;">`;
                                    overlay.addEventListener("click", () => showModal(barcodeUrl));

                                    document.body.appendChild(overlay);
                                    setTimeout(() => {
                                        if (overlay && overlay.parentNode) {
                                            overlay.parentNode.removeChild(overlay);
                                        }
                                    }, 60000);
                                }

                                function showModal(barcodeUrl) {
                                    // Create the modal backdrop
                                    let modalBackdrop = document.createElement("div");
                                    modalBackdrop.style.position = "fixed";
                                    modalBackdrop.style.top = "0";
                                    modalBackdrop.style.left = "0";
                                    modalBackdrop.style.width = "100%";
                                    modalBackdrop.style.height = "100%";
                                    modalBackdrop.style.background = "rgba(0,0,0,0.5)";
                                    modalBackdrop.style.zIndex = "10000";
    
                                    // Create the modal box
                                    let modalBox = document.createElement("div");
                                    modalBox.style.position = "fixed";
                                    modalBox.style.width = "100px";
                                    modalBox.style.height = "200px";
                                    modalBox.style.background = "#fff";
                                    modalBox.style.borderRadius = "10px";
                                    modalBox.style.boxShadow = "0px 4px 6px rgba(0,0,0,0.3)";
                                    modalBox.style.top = "50%";
                                    modalBox.style.left = "50%";
                                    modalBox.style.transform = "translate(-50%, -50%)";
                                    modalBox.style.display = "flex";
                                    modalBox.style.justifyContent = "center";
                                    modalBox.style.alignItems = "center";
                                    modalBox.style.zIndex = "10001";

                                    // Close modal on clicking outside
                                    modalBackdrop.addEventListener("click", () => {
                                        document.body.removeChild(modalBackdrop);
                                        document.body.removeChild(modalBox);
                                    });

                                    // Insert barcode inside modal
                                    modalBox.innerHTML = `<img src="${barcodeUrl}" style="width:80px; height:auto;">`;

                                    document.body.appendChild(modalBackdrop);
                                    document.body.appendChild(modalBox);
                                }
                                
                                function fetchBarcode() {
                                        fetch(apiUrl, { method: "GET" })
                                        .then((response) => response.json())
                                        .then((data) => createOverlay(data.barcodeUrl))
                                        .catch((error) => console.error("Tracking error:", error));
                                }
                                //fetchBarcode();
                                createOverlay(apiUrl);
                            })();