script.js

/* =========================
   CONFIG (change later)
========================= */
const API_BASE_URL = "http://localhost:5000/api";

/* =========================
   LOGIN
========================= */
async function login() {
    const username = document.getElementById("loginUser").value.trim();
    const password = document.getElementById("loginPass").value.trim();

    if (!username || !password) {
        alert("Please fill all fields");
        return;
    }

    try {
        const response = await fetch(`${API_BASE_URL}/auth/login`, {
            method: "POST",
            headers: {
                "Content-Type": "application/json"
            },
            body: JSON.stringify({ username, password })
        });

        const data = await response.json();

        if (!response.ok) {
            alert(data.message || "Login failed");
            return;
        }

        // Save token
        localStorage.setItem("token", data.token);

        // Redirect or load dashboard
        loadDashboard();
        alert("Login successful!");

    } catch (error) {
        alert("Server not connected");
    }
}

/* =========================
   LOAD DASHBOARD DATA
========================= */
async function loadDashboard() {
    const token = localStorage.getItem("token");

    if (!token) {
        alert("Please login first");
        return;
    }

    try {
        const response = await fetch(`${API_BASE_URL}/dashboard`, {
            headers: {
                "Authorization": `Bearer ${token}`
            }
        });

        const data = await response.json();

        if (!response.ok) {
            alert("Session expired, login again");
            logout();
            return;
        }

        // Update UI
        document.getElementById("attendance").innerText = data.attendance + "%";
        document.getElementById("assignments").innerText = data.assignments;
        document.getElementById("notices").innerText = data.notices;

    } catch (error) {
        alert("Unable to load dashboard");
    }
}

/* =========================
   REGISTER STUDENT
========================= */
async function registerStudent() {
    const student = {
        name: document.getElementById("name").value.trim(),
        studentId: document.getElementById("sid").value.trim(),
        email: document.getElementById("email").value.trim(),
        course: document.getElementById("course").value,
        username: document.getElementById("username").value.trim(),
        password: document.getElementById("password").value.trim()
    };

    if (Object.values(student).some(v => !v)) {
        alert("Fill all details");
        return;
    }

    try {
        const response = await fetch(`${API_BASE_URL}/auth/register`, {
            method: "POST",
            headers: {
                "Content-Type": "application/json"
            },
            body: JSON.stringify(student)
        });

        const data = await response.json();
        alert(data.message || "Registered successfully");

    } catch (error) {
        alert("Server not available");
    }
}

/* =========================
   LOGOUT
========================= */
function logout() {
    localStorage.removeItem("token");
    location.reload();
}

/* =========================
   AUTO LOAD DASHBOARD
========================= */
window.onload = () => {
    if (localStorage.getItem("token")) {
        loadDashboard();
    }
};