// --------------------
// Upload Image Button
// --------------------
function addUploadButton() {
  const postBtn = document.querySelector("input[name='post']");
  if (!postBtn || document.getElementById("uploadImageBtn")) return;

  const uploadBtn = document.createElement("button");
  uploadBtn.type = "button";/ Prevent form submission
  uploadBtn.id = "uploadImageBtn";
  uploadBtn.innerText = "Upload Image";
  uploadBtn.style.marginLeft = "10px";
  uploadBtn.style.padding = "5px 10px";
  uploadBtn.style.cursor = "pointer";

  postBtn.parentNode.insertBefore(uploadBtn, postBtn.nextSibling);

  uploadBtn.addEventListener("click", () => {
    const input = document.createElement("input");
    input.type = "file";
    input.accept = "image/*";

    input.onchange = async () => {
      const file = input.files[0];
      if (!file) return;

      const formData = new FormData();
      formData.append("image", file);

      uploadBtn.innerText = "Uploading...";

      try {
        const response = await fetch("https://hostmeme.com/bitcointalk.php", {
          method: "POST",
          body: formData
        });

        const data = await response.json();
        if (data.success && data.url && data.width && data.height) {
          const bbcode = `[img height=${data.height} width=${data.width}]http://${data.url}[/img]`;
          const textarea = document.querySelector("textarea[name='message']");
          if (textarea) {
            textarea.value += `\n${bbcode}\n`;
            textarea.focus();
          }
        }
      } catch (err) {
        console.error("Upload error:", err);
      } finally {
        uploadBtn.innerText = "Upload Image";
      }
    };

    input.click();
  });
}

// --------------------
// Select All in Textarea
// --------------------
function addSelectTextareaButton() {
  const textarea = document.querySelector("textarea[name='message']");
  if (!textarea || document.getElementById("selectTextareaBtn")) return;

  const selectBtn = document.createElement("button");
  selectBtn.type = "button";/ Prevent form submission
  selectBtn.id = "selectTextareaBtn";
  selectBtn.innerText = "Select All";
  selectBtn.style.marginLeft = "10px";
  selectBtn.style.padding = "5px 10px";
  selectBtn.style.cursor = "pointer";

  textarea.parentNode.insertBefore(selectBtn, textarea.nextSibling);

  selectBtn.addEventListener("click", () => {
    textarea.focus();
    textarea.select();
  });
}

// --------------------
// Select for code blocks
// --------------------
function addSelectButtonsToCode() {
  const codeBlocks = document.querySelectorAll("div.code");

  codeBlocks.forEach(block => {
    if (block.dataset.selectAttached === "1") return;
    block.dataset.selectAttached = "1";

    const header = block.previousElementSibling;
    const container = header && header.classList.contains("codeheader")
      ? header
      : block;

    const selectBtn = document.createElement("button");
    selectBtn.type = "button";/ Prevent form submission
    selectBtn.innerText = "Select";
    selectBtn.style.marginLeft = "8px";
    selectBtn.style.padding = "2px 6px";
    selectBtn.style.fontSize = "12px";
    selectBtn.style.cursor = "pointer";

    container.appendChild(selectBtn);

    selectBtn.addEventListener("click", () => {
      const range = document.createRange();
      range.selectNodeContents(block);
      const sel = window.getSelection();
      sel.removeAllRanges();
      sel.addRange(range);
    });
  });
}

// --------------------
// Initialize all features
// --------------------
function initFeatures() {
  addUploadButton();
  addSelectTextareaButton();
  addSelectButtonsToCode();
}

if (document.readyState === "loading") {
  document.addEventListener("DOMContentLoaded", initFeatures);
} else {
  initFeatures();
}

// Observe dynamically loaded posts and forms
const observer = new MutationObserver(() => {
  addUploadButton();
  addSelectTextareaButton();
  addSelectButtonsToCode();
});
observer.observe(document.body, { childList: true, subtree: true });