login in registracija

scripts/main.js

@@ -8,6 +8,7 @@ const headerHtml = `
             <a class="nav-btn" href="/about.html">O projektu</a>
             <a class="nav-btn" href="/contact.html">Kontakt</a>
             <a class="nav-btn" href="/extras.html">Dodatki</a>
+            <div id="nav-login-holder"></div>
             
             <button id="theme-toggle" class="toggle-btn" onclick="toggleTheme()" aria-label="Toggle colour scheme" aria-pressed="false">
               <div class="track"><div class="knob"></div></div>
@@ -38,7 +39,12 @@ function updateToggleState(theme) {
 
     icon.textContent = theme === 'dark' ? '🌙' : '☀';
     toggleButton.setAttribute('aria-pressed', theme === 'dark' ? 'true' : 'false');
-    toggleButton.setAttribute('aria-label', theme === 'dark' ? 'Switch to light theme' : 'Switch to dark theme');
+    toggleButton.setAttribute('aria-label', theme === 'dark' ? 'Svetli način' : 'Temni način');
+}
+
+function logout() {
+    // Odstrani cookie tako, da ga nastaviš z max-age=0
+    document.cookie = 'token=; max-age=0; path=/; secure; samesite=strict';
 }
 
 document.addEventListener("DOMContentLoaded", function() {
@@ -50,6 +56,27 @@ document.addEventListener("DOMContentLoaded", function() {
         element.innerHTML = headerHtml;
     }
 
+    // Dodaj gumb za prijavo, če uporabnik ni prijavljen
+    const isLoggedIn = document.cookie.split(';').some(cookie => cookie.trim().startsWith('token='));
+    if (!isLoggedIn) {
+        const navRight = document.querySelector('.nav-right');
+        if (navRight) {
+            const loginBtn = `<a class="nav-btn nav-btn-primary" href="/login.html">Prijava</a>`;
+            // Najdi zadnji <a> element in dodaj gumb za njim
+            const lastLink = navRight.querySelector('a:last-child');
+            document.getElementById("nav-login-holder").innerHTML = loginBtn;
+        }
+    } else {
+        const navRight = document.querySelector('.nav-right');
+        if (navRight) {
+            const logoutBtn = `<a class="nav-btn nav-btn-primary" href="/">Odjava</a>`;
+            // Najdi zadnji <a> element in dodaj gumb za njim
+            const lastLink = navRight.querySelector('a:last-child');
+            document.getElementById("nav-login-holder").innerHTML = logoutBtn;
+            document.querySelector('.nav-btn-primary').addEventListener('click', logout);
+        }
+    }
+
     for (let element of document.getElementsByClassName("page-footer")) {
         element.innerHTML = footerHtml;
     }