// Mobile Menu Toggle
const mobileMenuButton = document.getElementById("mobile-menu-button");
const mobileMenu = document.getElementById("mobile-menu");

mobileMenuButton.addEventListener("click", () => {
  mobileMenu.classList.toggle("hidden");
});

// Script translator
const DEEPL_API_KEY = "ac3d1a82-bc73-442b-aaa3-e45e3bc1e06b:fx";

async function translateText() {
  const sourceLang = document.getElementById("sourceLang").value;
  const targetLang = document.getElementById("targetLang").value;
  const sourceText = document.getElementById("sourceText").value;

  if (!sourceText.trim()) {
    alert("Please enter text to translate");
    return;
  }

  try {
    const response = await fetch(
      "https://api-free.deepl.com/v2/translate",
      {
        method: "POST",
        headers: {
          "Content-Type": "application/x-www-form-urlencoded",
        },
        body: new URLSearchParams({
          auth_key: DEEPL_API_KEY,
          text: sourceText,
          source_lang: sourceLang,
          target_lang: targetLang,
        }),
      }
    );

    if (!response.ok) {
      throw new Error("Translation request failed");
    }

    const data = await response.json();
    document.getElementById("translatedText").value =
      data.translations[0].text;
  } catch (error) {
    console.error("Translation error:", error);
    alert("Translation failed. Please try again.");
  }
}

// Event listener untuk tombol translate
document
  .getElementById("translateBtn")
  .addEventListener("click", translateText);

// Event listener untuk tombol swap
document.getElementById("swapLangBtn").addEventListener("click", () => {
  const sourceLang = document.getElementById("sourceLang");
  const targetLang = document.getElementById("targetLang");
  const tempLang = sourceLang.value;
  sourceLang.value = targetLang.value;
  targetLang.value = tempLang;

  const sourceText = document.getElementById("sourceText");
  const translatedText = document.getElementById("translatedText");
  sourceText.value = translatedText.value;
  translatedText.value = "";

  if (sourceText.value.trim()) {
    translateText();
  }
});