function togglePassword() { const password = document.getElementById('password'); const eyeIcon = document.getElementById('eyeIcon'); if (password.type === "password") { password.type = "text"; eyeIcon.classList.remove('fa-eye'); eyeIcon.classList.add('fa-eye-slash'); } else { password.type = "password"; eyeIcon.classList.remove('fa-eye-slash'); eyeIcon.classList.add('fa-eye'); } } /*---------------------------------- Loading Button -----------------------------------*/ document.addEventListener("DOMContentLoaded", function () { const form = document.getElementById("loginForm"); if (form) { form.addEventListener("submit", function () { const button = document.getElementById("loginBtn"); const text = document.getElementById("btnText"); button.disabled = true; text.innerHTML = ` Signing In... `; }); } }); /*---------------------------------- Auto Hide Alerts -----------------------------------*/ document.addEventListener("DOMContentLoaded", function () { const alerts = document.querySelectorAll(".alert"); alerts.forEach(function(alert) { setTimeout(function() { alert.classList.add("fade"); setTimeout(function() { alert.remove(); }, 400); }, 5000); }); });