<div class="raw-html-embed">

  
    <meta charset="UTF-8">
     <style>
      html,
      body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }

      html {
        scroll-behavior: smooth;
        overflow-x: hidden;
      }
      body {
        font-family: Inter;
        color: black;
      }
      @media (prefers-color-scheme: dark) {
        body {
          background-color: black;
          color: white;
        }
      }
      .top-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
      }
      .title {
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
      }
      .title-description {
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
      }
      .title-description-right {
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        padding-left: 10px;
      }
      a {
        color: #399ffc;
      }
      .title-underlined {
        font-weight: 600;
        font-size: 13px;
        line-height: 20px;
        text-decoration: underline;
      }
      .lang-dropdown {
        display: flex;
        justify-content: flex-end;
        margin: 8px;
        position: relative;
        z-index: 10;
      }
      .lang-dropdown select {
        max-width: 100%;
        width: auto;
        font-size: 14px;
        padding: 4px 8px;
      }
      table {
        width: 100%;
        max-width: 100%;
        table-layout: fixed;
      }
      #policy-content {
        display: flex;
        justify-content: center;
      }
      #policy-content > * {
        width: 100%;
        max-width: 900px;
        margin: 0 auto;
      }
      .top-container,
      .section {
        width: 100% !important;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
      }
      .lang-dropdown {
        max-width: 900px;
        margin: 12px auto;
        padding: 0 12px;
      }
      .etAMfo {
        width: 100%;
        max-width: 100%;
      }
    </style>
  
  
    <div class="lang-dropdown">
      <select id="language-selector" aria-label="Select Language">
        <option value="english">English</option>
        <option value="bahasa">Bahasa</option>
        <option value="french">French</option>
        <option value="japanese">Japanese</option>
        <option value="portuguese">Portuguese</option>
        <option value="spanish">Spanish</option>
      </select>
    </div>
    <div id="policy-content"></div>
    <script>
      const switcher = document.getElementById("language-selector");
      const contentContainer = document.getElementById("policy-content");

      const languageLinks = {
        english: "https://glance.com/ai-looks-eula-english-global",
        bahasa: "https://glance.com/ai-looks-eula-bahasa-global",
        french: "https://glance.com/ai-looks-eula-french-global",
        japanese: "https://glance.com/ai-looks-eula-japanese-global",
        portuguese: "https://glance.com/ai-looks-eula-portuguese-global",
        spanish: "https://glance.com/ai-looks-eula-spanish-global",
      };

      function cleanInjectedStyles(container) {
        const allElements = container.querySelectorAll("*");
        allElements.forEach((el) => {
          const style = window.getComputedStyle(el);
          if (parseInt(style.marginTop) > 0) {
            el.style.marginTop = "0px";
          }
        });
      }

      // Country code to language mapping
      const countryLanguageMapping = {
        // English speaking countries
        EN: "english",
        // Bahasa speaking countries
        ID: "bahasa",
        // French speaking countries
        FR: "french",
        // Japanese speaking countries
        JP: "japanese",
        // Portuguese speaking countries
        PT: "portuguese",
        // Spanish speaking countries
        ES: "spanish",
      };

      // Function to get query parameter value
      function getQueryParam(param) {
        const urlParams = new URLSearchParams(window.location.search);
        return urlParams.get(param);
      }

      // Function to redirect based on country code
      function redirectBasedOnCountryCode() {
        const countryCode = getQueryParam("cc");
        if (countryCode) {
          const language = countryLanguageMapping[countryCode.toUpperCase()];
          if (language) {
            // Set the dropdown and load content for the specific language
            switcher.value = language;
            loadContent(language);
            return true; // Indicates that country code was processed
          }
        }
        return false; // No country code or invalid country code
      }

      function loadContent(lang) {
        const url = languageLinks[lang];
        if (!url) return;

        fetch(url)
          .then((res) => res.text())
          .then((html) => {
            const parser = new DOMParser();
            const doc = parser.parseFromString(html, "text/html");

            // Get only the body content
            const bodyContent = doc.body.innerHTML;

            contentContainer.innerHTML = bodyContent;
            cleanInjectedStyles(contentContainer);
            localStorage.setItem("selectedLang", lang);
          })
          .catch(() => {
            contentContainer.innerHTML = `<p>Failed to load content.</p>`;
          });
      }

      switcher.addEventListener("change", (e) => {
        loadContent(e.target.value);
      });

      // Check for country code parameter first and redirect if found
      const redirected = redirectBasedOnCountryCode();

      // Only proceed with normal initialization if no redirect happened
      if (!redirected) {
        // Load from localStorage or fallback to English
        const savedLang = localStorage.getItem("selectedLang") || "english";
        switcher.value = savedLang;
        loadContent(savedLang);
      }
    </script>
  

</div>