script.js

document.addEventListener('DOMContentLoaded', function () {
    const yearElement = document.getElementById('year');
    if (yearElement) {
        yearElement.textContent = new Date().getFullYear();
    }

    const loginForm = document.getElementById('loginForm');
    const registrationForm = document.getElementById('registrationForm');
    const passwordInput = document.getElementById('password');
    const togglePassword = document.getElementById('togglePassword');

    if (loginForm) {
        loginForm.addEventListener('submit', function (event) {
            event.preventDefault();
            clearMessages();

            const email = document.getElementById('email').value.trim();
            const password = passwordInput.value.trim();
            let valid = true;

            if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
                showError('emailError', 'Please enter a valid email address.');
                valid = false;
            }

            if (password.length < 6) {
                showError('passwordError', 'Password must be at least 6 characters.');
                valid = false;
            }

            if (valid) {
                showSuccess('formMessage', 'Login successful! Welcome back.');
                loginForm.reset();
            }
        });
    }

    if (registrationForm) {
        registrationForm.addEventListener('submit', function (event) {
            event.preventDefault();
            clearMessages();

            const fullName = document.getElementById('fullName').value.trim();
            const email = document.getElementById('regEmail').value.trim();
            const password = document.getElementById('regPassword').value.trim();
            const confirmPassword = document.getElementById('confirmPassword').value.trim();
            let valid = true;

            if (fullName.length < 3) {
                showError('nameError', 'Full name must be at least 3 characters.');
                valid = false;
            }

            if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
                showError('regEmailError', 'Please enter a valid email address.');
                valid = false;
            }

            if (password.length < 6) {
                showError('regPasswordError', 'Password must be at least 6 characters.');
                valid = false;
            }

            if (password !== confirmPassword) {
                showError('confirmPasswordError', 'Passwords do not match.');
                valid = false;
            }

            if (valid) {
                showSuccess('formMessage', 'Registration successful! Please login.');
                registrationForm.reset();
            }
        });
    }

    if (togglePassword && passwordInput) {
        togglePassword.addEventListener('click', function () {
            const isHidden = passwordInput.type === 'password';
            passwordInput.type = isHidden ? 'text' : 'password';
            togglePassword.textContent = isHidden ? 'Hide Password' : 'Show Password';
        });
    }
});

function showError(id, message) {
    const element = document.getElementById(id);
    if (element) element.textContent = message;
}

function showSuccess(id, message) {
    const element = document.getElementById(id);
    if (element) {
        element.textContent = message;
        element.className = 'message success';
    }
}

function clearMessages() {
    document.querySelectorAll('.error').forEach(function (item) {
        item.textContent = '';
    });

    const formMessage = document.getElementById('formMessage');
    if (formMessage) {
        formMessage.textContent = '';
        formMessage.className = 'message';
    }
}