diff --git a/auth.js b/auth.js
index 45a6b28..cea970c 100644
--- a/auth.js
+++ b/auth.js
@@ -1,42 +1,62 @@
-let authCredentials = { username: '', password: '' };
+document.addEventListener("DOMContentLoaded", function () {
+    document.getElementById("fileListContainer").style.display = "none"; // Hide file list on load
+    document.getElementById("uploadForm").style.display = "none"; // Hide upload form on load
 
-async function authenticateUser(username, password) {
-    const response = await fetch('auth.php', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ username, password }),
+    checkAuthentication();
+
+    document.getElementById("authForm").addEventListener("submit", function (event) {
+        event.preventDefault();
+        
+        const formData = {
+            username: document.getElementById("loginUsername").value.trim(),
+            password: document.getElementById("loginPassword").value.trim()
+        };
+
+        console.log("Sending login data:", formData);
+
+        fetch("auth.php", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(formData)
+        })
+        .then(response => response.json())
+        .then(data => {
+            console.log("Login response:", data);
+            if (data.success) {
+                console.log("Login successful.");
+                document.getElementById("loginForm").style.display = "none";
+                document.getElementById("uploadForm").style.display = "block";
+                document.getElementById("fileListContainer").style.display = "block";
+                checkAuthentication(); // Recheck authentication to show the file list
+            } else {
+                alert("Login failed: " + (data.error || "Unknown error"));
+            }
+        })
+        .catch(error => console.error("Error logging in:", error));
     });
-    const result = await response.json();
-    return result.authenticated;
-}
-
-function checkAuthentication() {
-    if (authCredentials.username && authCredentials.password) {
-        document.getElementById('loginForm').style.display = 'none';
-        document.getElementById('uploadForm').style.display = 'block';
-        loadFileList();
-    } else {
-        document.getElementById('loginForm').style.display = 'block';
-        document.getElementById('uploadForm').style.display = 'none';
-    }
-}
-
-document.getElementById('authForm').addEventListener('submit', async function(event) {
-    event.preventDefault();
-
-    const username = document.getElementById('loginUsername').value;
-    const password = document.getElementById('loginPassword').value;
-
-    const isAuthenticated = await authenticateUser(username, password);
-
-    if (isAuthenticated) {
-        authCredentials = { username, password };
-        checkAuthentication();
-    } else {
-        document.getElementById('statusMessage').innerHTML = 'Incorrect username or password!';
-    }
 });
 
-document.addEventListener('DOMContentLoaded', checkAuthentication);
+function checkAuthentication() {
+    fetch("checkAuth.php")
+        .then(response => response.json())
+        .then(data => {
+            console.log("Authentication check:", data);
+            if (data.authenticated) {
+                console.log("User authenticated, showing file list.");
+                document.getElementById("loginForm").style.display = "none";
+                document.getElementById("uploadForm").style.display = "block";
+                document.getElementById("fileListContainer").style.display = "block";
+                loadFileList();
+            } else {
+                // Only log a warning if the file list is supposed to be shown (i.e. after a login)
+                if (document.getElementById("uploadForm").style.display === "block") {
+                    console.warn("User not authenticated.");
+                }
+                document.getElementById("loginForm").style.display = "block";
+                document.getElementById("uploadForm").style.display = "none";
+                document.getElementById("fileListContainer").style.display = "none";
+            }
+        })
+        .catch(error => console.error("Error checking authentication:", error));
+}
+