// dashboard.js
import { authFetch } from "api.js";

// Element‑Referenzen
const welcomeMessage = document.getElementById("welcomeMessage");
const todosList = document.getElementById("todosList");
const errorMessage = document.getElementById("errorMessage");
const logoutBtn = document.getElementById("logoutBtn");

// Prüfe ob ein JWT vorhanden ist
const token = localStorage.getItem("token");
if (!token) {
  // Kein Token → zurück zur Login‑Seite
  window.location.href = "login.html";
}

// Logout – Token löschen + weiterleiten
logoutBtn.addEventListener("click", () => {
    localStorage.removeItem("token");
    window.location.href = "login.html";
});

// Lade Todos vom Backend
async function loadTodos() {
  try {
    const res = await authFetch("/todos"); // fetchWrapper sendet den JWT Automatisch
    if (!res.ok) {
      errorMessage.textContent = "Fehler beim Abrufen der Todos!";
      if (res.status === 401) {
        window.location.href = "login.html"; // bei ungültigem Token zum Login
      }
      return;
    }

    const todos = await res.json();

    // Zeige Todos in der Liste an
    todosList.innerHTML = "";
    if (Array.isArray(todos) && todos.length > 0) {
      todos.forEach(todo => {
        const li = document.createElement("li");
        li.textContent = todo.task;
        todosList.appendChild(li);
      });
    } else {
      todosList.innerHTML = "<li>Keine Todos gefunden.</li>";
    }
  } catch (err) {
    console.error("Fetch Error:", err);
    errorMessage.textContent = "Serverfehler beim Laden!";
  }
}

// Willkommenstext setzen
welcomeMessage.textContent = "Willkommen zum Dashboard!";

// Rufe die Todos ab
loadTodos();