(() => {
  const t = (k, vars) => window.WrappedI18n.t(k, vars);
  const files = [];
  let settings = null;
  let captchaWidgetId = null;
  let langManual = false;
  let detectTimer = null;

  const els = {
    text: document.getElementById("payload-text"),
    lang: document.getElementById("text-language"),
    langChip: document.getElementById("lang-chip"),
    langChipText: document.getElementById("lang-chip-text"),
    langChange: document.getElementById("lang-change"),
    langHint: document.getElementById("lang-hint"),
    langModal: document.getElementById("lang-modal"),
    langGrid: document.getElementById("lang-grid"),
    highlight: document.getElementById("code-highlight"),
    editor: document.getElementById("code-editor"),
    ttl: document.getElementById("ttl-seconds"),
    password: document.getElementById("password"),
    generatePassword: document.getElementById("generate-password"),
    dropzone: document.getElementById("dropzone"),
    fileInput: document.getElementById("file-input"),
    fileList: document.getElementById("file-list"),
    wrapBtn: document.getElementById("wrap-btn"),
    error: document.getElementById("form-error"),
    success: document.getElementById("success-panel"),
    composer: document.querySelector(".composer"),
    shareLink: document.getElementById("share-link"),
    shareToken: document.getElementById("share-token"),
    expiresMeta: document.getElementById("expires-meta"),
    captchaSlot: document.getElementById("captcha-slot"),
  };

  function showError(msg) {
    els.error.textContent = msg;
    els.error.classList.remove("hidden");
  }

  function clearError() {
    els.error.classList.add("hidden");
    els.error.textContent = "";
  }

  function mimeAllowed(ct) {
    const allow = settings.mime_allowlist || [];
    const base = (ct || "").split(";")[0].trim().toLowerCase();
    return allow.some((p) => {
      const pat = p.toLowerCase();
      if (pat.endsWith("/*")) return base.startsWith(pat.slice(0, -1));
      return base === pat;
    });
  }

  function langLabel(id) {
    return t(`lang.${id}`) || id;
  }

  function setLanguage(id, { manual = false, silent = false } = {}) {
    const lang = window.WrappedHighlight.languages().includes(id) ? id : "plaintext";
    els.lang.value = lang;
    if (els.langChipText) els.langChipText.textContent = langLabel(lang);
    if (manual) langManual = true;
    if (!silent) refreshHighlight();
  }

  function refreshHighlight() {
    window.WrappedHighlight.highlightElement(
      els.highlight,
      els.text.value,
      els.lang.value || "plaintext"
    );
    syncEditorHeight();
  }

  function syncEditorHeight() {
    if (!els.text || !els.highlight) return;
    els.highlight.parentElement.style.height = "auto";
    // Keep highlight pre matching textarea scroll height
    const pre = els.highlight.parentElement;
    pre.style.minHeight = `${Math.max(220, els.text.scrollHeight)}px`;
  }

  function updateLangHint(detection) {
    if (!els.langHint) return;
    if (langManual || !els.text.value.trim()) {
      els.langHint.classList.add("hidden");
      els.langHint.textContent = "";
      return;
    }
    if (detection.confidence >= 0.6) {
      els.langHint.classList.add("hidden");
      els.langHint.textContent = "";
      return;
    }
    const suggestions = (detection.suggestions || [])
      .filter((l) => l !== detection.lang)
      .slice(0, 3)
      .map(langLabel);
    els.langHint.textContent = suggestions.length
      ? t("create.languageUnsure", { suggestions: suggestions.join(", ") })
      : t("create.languageUnsurePlain");
    els.langHint.classList.remove("hidden");
  }

  function autoDetectLanguage() {
    if (langManual) {
      refreshHighlight();
      return;
    }
    const detection = window.WrappedHighlight.detectLanguage(els.text.value);
    setLanguage(detection.lang, { silent: true });
    refreshHighlight();
    updateLangHint(detection);
  }

  function scheduleDetect() {
    clearTimeout(detectTimer);
    detectTimer = setTimeout(autoDetectLanguage, 220);
  }

  function openLangModal() {
    if (!els.langModal || !els.langGrid) return;
    els.langGrid.innerHTML = "";
    for (const id of window.WrappedHighlight.languages()) {
      const btn = document.createElement("button");
      btn.type = "button";
      btn.className = "lang-option" + (id === els.lang.value ? " active" : "");
      btn.textContent = langLabel(id);
      btn.addEventListener("click", () => {
        setLanguage(id, { manual: true });
        updateLangHint({ confidence: 1, suggestions: [] });
        closeLangModal();
      });
      els.langGrid.appendChild(btn);
    }
    els.langModal.classList.remove("hidden");
    document.body.classList.add("modal-open");
  }

  function closeLangModal() {
    if (!els.langModal) return;
    els.langModal.classList.add("hidden");
    document.body.classList.remove("modal-open");
  }

  function renderFiles() {
    els.fileList.innerHTML = "";
    files.forEach((f, idx) => {
      const li = document.createElement("li");
      li.innerHTML = `<span>${f.name} <small>(${f.type || "file"} · ${window.WrappedUI.formatBytes(f.size)})</small></span>`;
      const btn = document.createElement("button");
      btn.type = "button";
      btn.textContent = "×";
      btn.addEventListener("click", () => {
        files.splice(idx, 1);
        renderFiles();
      });
      li.appendChild(btn);
      els.fileList.appendChild(li);
    });
  }

  function addFiles(list) {
    for (const f of list) {
      if (!mimeAllowed(f.type || "application/octet-stream")) {
        showError(t("create.mimeDenied") + `: ${f.type || f.name}`);
        continue;
      }
      files.push(f);
    }
    renderFiles();
  }

  let lastExpiresAt = null;

  function fillTtl() {
    if (!settings || !els.ttl) return;
    const max = settings.max_ttl_seconds;
    const def = settings.default_ttl_seconds;
    const selected = els.ttl.value ? Number(els.ttl.value) : def;
    const options = [
      { key: "create.ttl.1h", value: 3600 },
      { key: "create.ttl.6h", value: 6 * 3600 },
      { key: "create.ttl.24h", value: 24 * 3600 },
      { key: "create.ttl.3d", value: 3 * 24 * 3600 },
      { key: "create.ttl.7d", value: 7 * 24 * 3600 },
    ].filter((o) => o.value <= max);
    if (!options.find((o) => o.value === def) && def <= max) {
      options.unshift({ key: "create.ttl.default", value: def, seconds: def });
    }
    const pick = options.some((o) => o.value === selected) ? selected : def;
    els.ttl.innerHTML = options
      .map((o) => {
        const label =
          o.key === "create.ttl.default"
            ? t("create.ttl.default", { seconds: o.seconds })
            : t(o.key);
        return `<option value="${o.value}" ${o.value === pick ? "selected" : ""}>${label}</option>`;
      })
      .join("");
  }

  function refreshExpiresMeta() {
    if (lastExpiresAt && els.expiresMeta) {
      els.expiresMeta.innerHTML = window.WrappedI18n.formatExpiresHtml
        ? window.WrappedI18n.formatExpiresHtml(lastExpiresAt)
        : window.WrappedI18n.formatExpires(lastExpiresAt);
    }
  }

  function loadCaptcha() {
    els.captchaSlot.innerHTML = "";
    captchaWidgetId = null;
    const provider = settings.captcha_provider;
    if (provider === "turnstile" && settings.turnstile_site_key) {
      const div = document.createElement("div");
      div.className = "cf-turnstile";
      div.dataset.sitekey = settings.turnstile_site_key;
      els.captchaSlot.appendChild(div);
      const s = document.createElement("script");
      s.src = "https://challenges.cloudflare.com/turnstile/v0/api.js";
      s.async = true;
      document.body.appendChild(s);
    } else if (provider === "hcaptcha" && settings.hcaptcha_site_key) {
      const div = document.createElement("div");
      div.className = "h-captcha";
      div.dataset.sitekey = settings.hcaptcha_site_key;
      els.captchaSlot.appendChild(div);
      const s = document.createElement("script");
      s.src = "https://js.hcaptcha.com/1/api.js";
      s.async = true;
      document.body.appendChild(s);
    }
  }

  function captchaToken() {
    if (settings.captcha_provider === "turnstile" && window.turnstile) {
      return window.turnstile.getResponse?.() || "";
    }
    if (settings.captcha_provider === "hcaptcha" && window.hcaptcha) {
      return window.hcaptcha.getResponse?.(captchaWidgetId) || window.hcaptcha.getResponse?.() || "";
    }
    return "";
  }

  async function init() {
    const resp = await fetch("/api/v1/settings");
    settings = await resp.json();
    fillTtl();
    loadCaptcha();
    setLanguage("plaintext", { silent: true });
    refreshHighlight();
  }

  els.dropzone.addEventListener("click", () => els.fileInput.click());
  els.fileInput.addEventListener("change", () => addFiles(els.fileInput.files));
  ["dragenter", "dragover"].forEach((ev) => {
    els.dropzone.addEventListener(ev, (e) => {
      e.preventDefault();
      els.dropzone.classList.add("dragover");
    });
  });
  ["dragleave", "drop"].forEach((ev) => {
    els.dropzone.addEventListener(ev, (e) => {
      e.preventDefault();
      els.dropzone.classList.remove("dragover");
    });
  });
  els.dropzone.addEventListener("drop", (e) => addFiles(e.dataTransfer.files));

  document.addEventListener("paste", (e) => {
    const items = e.clipboardData?.items;
    if (!items) return;
    const pasted = [];
    for (const item of items) {
      if (item.kind === "file") {
        const f = item.getAsFile();
        if (f) pasted.push(f);
      }
    }
    if (pasted.length) {
      e.preventDefault();
      addFiles(pasted);
      return;
    }
    // Text paste into textarea triggers input; detect after paste event
    if (document.activeElement === els.text) {
      setTimeout(() => {
        langManual = false;
        autoDetectLanguage();
      }, 0);
    }
  });

  els.text.addEventListener("input", () => {
    refreshHighlight();
    scheduleDetect();
  });
  els.text.addEventListener("scroll", () => {
    const pre = els.highlight.parentElement;
    pre.scrollTop = els.text.scrollTop;
    pre.scrollLeft = els.text.scrollLeft;
  });

  els.langChip?.addEventListener("click", openLangModal);
  els.langChange?.addEventListener("click", openLangModal);
  els.langModal?.addEventListener("click", (e) => {
    if (e.target.closest("[data-lang-close]")) closeLangModal();
  });
  document.addEventListener("keydown", (e) => {
    if (e.key === "Escape" && els.langModal && !els.langModal.classList.contains("hidden")) {
      closeLangModal();
    }
  });

  async function copyFrom(input, btn) {
    await navigator.clipboard.writeText(input.value);
    const old = btn.textContent;
    btn.textContent = t("common.copied");
    setTimeout(() => (btn.textContent = old), 1200);
  }

  document.getElementById("copy-link").addEventListener("click", () => {
    copyFrom(els.shareLink, document.getElementById("copy-link"));
  });
  document.getElementById("copy-token").addEventListener("click", () => {
    copyFrom(els.shareToken, document.getElementById("copy-token"));
  });
  document.getElementById("create-another").addEventListener("click", () => {
    location.reload();
  });

  els.wrapBtn.addEventListener("click", async () => {
    clearError();
    const text = els.text.value;
    if (!text.trim() && files.length === 0) {
      showError(t("create.needPayload"));
      return;
    }

    const items = [];
    const contentTypes = [];
    if (text.trim()) {
      items.push({
        type: "text",
        language: els.lang.value,
        content: text,
      });
      contentTypes.push("text/plain");
    }
    for (const f of files) {
      const item = await window.WrappedCrypto.fileToItem(f);
      items.push(item);
      contentTypes.push(item.mime);
    }

    for (const ct of contentTypes) {
      if (!mimeAllowed(ct)) {
        showError(t("create.mimeDenied"));
        return;
      }
    }

    const password = els.password.value || "";
    els.wrapBtn.disabled = true;
    window.WrappedUI.showBusy(t("create.working"));
    try {
      const pack = { version: 1, items };
      const { ciphertext, keyB64url } = await window.WrappedCrypto.encryptPackage(
        pack,
        password || null
      );

      if (ciphertext.byteLength > settings.max_upload_bytes) {
        showError(t("create.tooLarge"));
        return;
      }

      const body = {
        ciphertext_b64: window.WrappedCrypto.bytesToBase64(ciphertext),
        ttl_seconds: Number(els.ttl.value),
        content_types: contentTypes,
        item_count: items.length,
        has_password: Boolean(password),
        // Always send password when set so server can gate wrong guesses.
        password: password || null,
        captcha_token: captchaToken() || null,
      };
      const resp = await fetch("/api/v1/wraps", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(body),
      });
      if (!resp.ok) {
        const err = await resp.json().catch(() => ({}));
        showError(err.detail || t("common.error"));
        return;
      }
      const data = await resp.json();
      const token = window.WrappedCrypto.buildToken(data.wrap_id, keyB64url);
      const link = `${location.origin}${data.share_path}#${keyB64url}`;
      els.shareLink.value = link;
      els.shareToken.value = token;
      lastExpiresAt = data.expires_at;
      refreshExpiresMeta();
      els.composer.classList.add("hidden");
      els.success.classList.remove("hidden");
    } catch {
      showError(t("common.error"));
    } finally {
      window.WrappedUI.hideBusy();
      els.wrapBtn.disabled = false;
    }
  });

  function generatePassword(length = 20) {
    const alphabet =
      "ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz23456789!@#$%^&*-_";
    const bytes = new Uint8Array(length);
    crypto.getRandomValues(bytes);
    return Array.from(bytes, (b) => alphabet[b % alphabet.length]).join("");
  }

  els.generatePassword?.addEventListener("click", () => {
    const pwd = generatePassword();
    els.password.type = "text";
    els.password.value = pwd;
    els.password.focus();
    els.password.select();
  });

  if (window.WrappedI18n.onChange) {
    window.WrappedI18n.onChange(() => {
      fillTtl();
      refreshExpiresMeta();
      setLanguage(els.lang.value, { silent: true });
      refreshHighlight();
      if (els.langChipText) els.langChipText.textContent = langLabel(els.lang.value);
    });
  }

  init().catch(() => showError(t("common.error")));
})();