/* ======================= SHORTCUT ======================= */
const el = (id) => document.getElementById(id);
let lastAnalysisId = null;


/* ======================= FIREBASE CONFIG ======================= */
const firebaseConfig = {
  apiKey: "AIzaSyDVwJCmDIEV4cIPDEEzxCLOnDF1f3m3YbA",
  authDomain: "success-predictor-fire.firebaseapp.com",
  projectId: "success-predictor-fire",
};
firebase.initializeApp(firebaseConfig);

const auth = firebase.auth();

/* ======================= LOGIN FUNCTION ======================= */
async function handleGoogleLogin() {
  const provider = new firebase.auth.GoogleAuthProvider();

  try {
    const result = await auth.signInWithPopup(provider);
    const idToken = await result.user.getIdToken();

    await fetch("/api/login", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      credentials: "include",   // 🔥 MUST
      body: JSON.stringify({ token: idToken }) // ✅ FIXED
    });

    updateAuthUI();
  } catch (err) {
    console.error("Login error:", err);
    alert("Login failed");
  }
}

/* ======================= LOGOUT FUNCTION ======================= */
async function handleLogout() {
  await fetch("/api/logout", {
    method: "POST",
    credentials: "include"
  });
  await auth.signOut();
  updateAuthUI();
}


/* ======================= UPDATE LOGIN UI ======================= */
async function updateAuthUI() {
  const openGoogle = el("openGoogle");
  const userSection = el("userSection");
  const userPhoto = el("userPhoto");
  const userDropdown = el("userDropdown");
  const userName = el("userName");
  const userEmail = el("userEmail");

  try {
    const res = await fetch("/api/me", {
  credentials: "include"   // 🔥 MOST IMPORTANT
});

    const j = await res.json();

    if (j.authenticated) {
      // (A) HIDE LOGIN BUTTON
      openGoogle.classList.add("hidden");

      // (B) SHOW PROFILE SECTION
      userSection.classList.remove("hidden");
      userName.textContent = j.name || "User";
      userEmail.textContent = j.email || "";
      userPhoto.src = j.picture || "https://i.imgur.com/4ZQZ4ZQ.png";

      el("openDeep").disabled = false;
    } else {
      // (A) SHOW LOGIN
      openGoogle.classList.remove("hidden");

      // (B) HIDE PROFILE
      userSection.classList.add("hidden");

      openGoogle.onclick = handleGoogleLogin;
      el("openDeep").disabled = true;
    }
  } catch (e) {
    console.warn("Auth check failed:", e);
  }
}
updateAuthUI();

/* ======================= DROPDOWN TOGGLE ======================= */
el("userSection").addEventListener("click", () => {
  el("userDropdown").classList.toggle("hidden");
});

document.addEventListener("click", (e) => {
  if (!el("userSection").contains(e.target)) {
    el("userDropdown").classList.add("hidden");
  }
});

/* ======================= SMOOTH SCROLL TO CARDS ======================= */
document.querySelectorAll("#openFast, #openDeep").forEach((btn) => {
  btn.addEventListener("click", () => {
    document
      .getElementById("analysisSection")
      .scrollIntoView({ behavior: "smooth" });
  });
});

/* ======================= OPEN MODAL ======================= */
function openModal(mode) {
  el("inputModal").classList.remove("hidden");
  el("modalTitle").textContent =
    mode === "deep" ? "Start Deep Analysis" : "Start Fast Analysis";
  el("analyzeBtn").dataset.mode = mode;
  el("formStatus").textContent = "";
}

/* Fast Analysis Card Button */
document.querySelectorAll(".start").forEach((b) => {
  b.addEventListener("click", () => {
    openModal(b.dataset.mode);
  });
});

/* Deep Button Auth Guard */
el("openDeep").addEventListener("click", async () => {
  const me = await fetch("/api/me", { credentials: "include" })
                  .then(r => r.json());

  if (!me.authenticated) {
    alert("Please login first.");
    return;
  }
});


/* Close Modal */
el("closeModal").onclick = () => el("inputModal").classList.add("hidden");
el("cancelBtn").onclick = () => el("inputModal").classList.add("hidden");

/* ======================= ANALYZE ======================= */
el("analyzeBtn").addEventListener("click", async function () {
  const mode = this.dataset.mode;

  const name = el("name").value.trim();
  const pitch = el("pitch").value.trim();
  const description = el("description").value.trim();
  const industry = el("industry").value.trim();

  if (!name && !pitch && !description) {
    el("formStatus").textContent = "Please fill at least one field.";
    return;
  }

  el("formStatus").textContent = "Running AI analysis...";

  try {
    const resp = await fetch("/api/analyze", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({
        name,
        pitch,
        description,
        industry,
        mode,
      }),
    });

    const j = await resp.json();

    if (!resp.ok) {
      el("formStatus").textContent = j.error || "Error!";
      return;
    }

    const id = j.id;
    lastAnalysisId = id;


    el("formStatus").innerHTML = `
      Analysis Ready 🎉 <br>
      <a href="/api/doc/${id}" target="_blank">View JSON</a> •
      <a href="/api/pdf/${id}" target="_blank">Download TXT</a>
    `;

    fetchHistory();
    el("feedback").style.display = "block";
  } catch (err) {
    el("formStatus").textContent = "Network error.";
  }
});

/* ======================= HISTORY LOADER ======================= */
async function fetchHistory() {
  const historyList = el("historyList");

  try {
    historyList.innerHTML = "Loading...";

    const r = await fetch("/api/history");
    const j = await r.json();

    historyList.innerHTML = "";

    if (!j.items || j.items.length === 0) {
      historyList.innerHTML = '<div class="muted">No recent analyses</div>';
      return;
    }

    j.items.forEach((it) => {
      const div = document.createElement("div");
      div.className = "history-item";

      div.innerHTML = `
        <strong>${it.name || it.pitch || "Unnamed"}</strong>
        <span class="muted">(${it.industry || "General"})</span>
        <div class="small muted">
          Mode: ${it.mode} • 
          <a href="/api/doc/${it.id}" target="_blank">json</a> •
          <a href="/api/pdf/${it.id}" target="_blank">txt</a>
        </div>
      `;

      historyList.appendChild(div);
    });
  } catch (e) {
    console.error(e);
  }
}

fetchHistory();

async function submitFeedback() {
  const rating = el("rating").value;
  const helpful = el("helpful").value;
  const comment = el("comment").value;

  if (!lastAnalysisId) {
    el("feedbackStatus").innerText = "Run an analysis first.";
    return;
  }

  try {
    const res = await fetch("/api/feedback", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      credentials: "include",
      body: JSON.stringify({
        analysis_id: lastAnalysisId,
        rating,
        helpful,
        comment,
      }),
    });

    const j = await res.json();

    el("feedbackStatus").innerText =
      j.message || "✅ Feedback submitted. Thank you!";

    // Optional UX improvement
    el("comment").value = "";
  } catch (e) {
    el("feedbackStatus").innerText = "❌ Failed to submit feedback.";
  }
}