From c1f3befaf59fe90b719cbf0516fc7cb288428423 Mon Sep 17 00:00:00 2001
From: Son Nguyen <hoangson091104@gmail.com>
Date: Sat, 25 May 2024 10:40:24 +0700
Subject: [PATCH] Update: Enhanced app functionalities (#196)

---
 .../html/terms-of-service.html                | 856 +-----------------
 MovieVerse-Frontend/js/terms-of-service.js    | 845 +++++++++++++++++
 2 files changed, 846 insertions(+), 855 deletions(-)
 create mode 100644 MovieVerse-Frontend/js/terms-of-service.js

diff --git a/MovieVerse-Frontend/html/terms-of-service.html b/MovieVerse-Frontend/html/terms-of-service.html
index 964d8702..c41cc58c 100644
--- a/MovieVerse-Frontend/html/terms-of-service.html
+++ b/MovieVerse-Frontend/html/terms-of-service.html
@@ -398,761 +398,7 @@ <h2 style="color: white; cursor: pointer">Contact Us</h2>
         <div class="spinner"></div>
     </div>
 
-    <script>
-        document.getElementById('agreement').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('agreement').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('consent').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('consent').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading2').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading2').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading3').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading3').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading4').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading4').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading5').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading5').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading6').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading6').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading7').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading7').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading8').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading8').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading9').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading9').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.getElementById('subheading10').addEventListener('click', function(e) {
-            e.preventDefault();
-
-            document.getElementById('subheading10').scrollIntoView({ behavior: 'smooth' });
-        });
-
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchBar = document.getElementById('search');
-            const searchButton = document.getElementById('button-search');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
-
-            function toggleVisibility() {
-                const query = searchBar.value.trim();
-                if (query) {
-                    if (window.innerWidth > 800) {
-                        myHeading.style.visibility = 'hidden';
-                        myHeading.style.opacity = '0';
-                        localTime.style.visibility = 'hidden';
-                        localTime.style.opacity = '0';
-                    }
-                }
-                else {
-                    myHeading.style.visibility = 'visible';
-                    myHeading.style.opacity = '1';
-                    localTime.style.visibility = 'visible';
-                    localTime.style.opacity = '1';
-                }
-            }
-            searchBar.addEventListener('input', toggleVisibility);
-            toggleVisibility();
-        });
-    </script>
-
-    <script>
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchInput = document.getElementById('search');
-            const viewAllResultsBtn = document.getElementById('view-all-results');
-            const clearSearchBtn = document.getElementById('clear-search');
-            const searchResultsContainer = document.getElementById('search-results');
-            const myHeading = document.getElementById('my-heading');
-            const localTime = document.getElementById('local-time');
-            const searchButton = document.getElementById('button-search');
-
-            function toggleButtons() {
-                const query = searchInput.value.trim();
-                viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-            }
-
-            clearSearchBtn.addEventListener('click', function() {
-                searchInput.value = '';
-                searchResultsContainer.innerHTML = '';
-                toggleButtons();
-                searchInput.focus();
-
-                myHeading.style.visibility = 'visible';
-                myHeading.style.opacity = '1';
-                localTime.style.visibility = 'visible';
-                localTime.style.opacity = '1';
-            });
-
-            toggleButtons();
-            searchInput.addEventListener('input', toggleButtons);
-        });
-
-        function toggleNav() {
-            const sideNav = document.getElementById('side-nav');
-            sideNav.classList.toggle('manual-toggle');
-            adjustNavBar();
-        }
-
-        function removeNavBar() {
-            const sideNav = document.getElementById('side-nav');
-            if (sideNav.classList.contains('manual-toggle')) {
-                sideNav.classList.remove('manual-toggle');
-            }
-
-            adjustNavBar();
-        }
-
-        function adjustNavBar() {
-            const sideNav = document.getElementById('side-nav');
-            if (sideNav.classList.contains('manual-toggle')) {
-                sideNav.style.left = '0px';
-            }
-            else {
-                sideNav.style.left = '-250px';
-            }
-        }
-
-        document.addEventListener('mousemove', function(event) {
-            const sideNav = document.getElementById('side-nav');
-            if (event.clientX < 10 && !sideNav.classList.contains('manual-toggle')) {
-                sideNav.style.left = '0';
-            }
-        });
-
-        document.getElementById('side-nav').addEventListener('mouseleave', function() {
-            const sideNav = document.getElementById('side-nav');
-            if (!sideNav.classList.contains('manual-toggle')) {
-                sideNav.style.left = '-250px';
-            }
-        });
-
-        document.addEventListener('click', function(event) {
-            const sideNav = document.getElementById('side-nav');
-            const navToggle = document.getElementById('nav-toggle');
-            if (!sideNav.contains(event.target) && !navToggle.contains(event.target) && sideNav.classList.contains('manual-toggle')) {
-                sideNav.classList.remove('manual-toggle');
-                adjustNavBar();
-            }
-        });
-    </script>
-
-    <script>
-        function showSpinner() {
-            document.getElementById('myModal').classList.add('modal-visible');
-        }
-
-        function hideSpinner() {
-            document.getElementById('myModal').classList.remove('modal-visible');
-        }
-
-        document.addEventListener('DOMContentLoaded', function() {
-            document.getElementById('search').addEventListener('input', function(e) {
-                showSpinner();
-                const viewAllResultsBtn = document.getElementById('view-all-results');
-                const searchInput = document.getElementById('search');
-                const query = e.target.value.trim();
-                const searchResultsContainer = document.getElementById('search-results');
-
-                viewAllResultsBtn.style.display = query ? 'block' : 'none';
-
-                function toggleButtons() {
-                    viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
-                    const clearSearchBtn = document.getElementById('clear-search');
-                    clearSearchBtn.style.display = query ? 'inline-block' : 'none';
-                }
-
-                if (query) {
-                    const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
-                    fetch(searchURL)
-                        .then(response => response.json())
-                        .then(data => {
-                            const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
-                            displaySearchResults(sortedResults.slice(0, 5));
-                        })
-                        .catch(err => console.log("Fetching error:", err));
-                }
-                else {
-                    searchInput.value = '';
-                    searchResultsContainer.innerHTML = '';
-                    toggleButtons();
-                    searchInput.focus();
-                }
-
-                searchInput.addEventListener('input', function() {
-                    if (searchInput.value.trim()) {
-                        viewAllResultsBtn.style.display = 'block';
-                    }
-                    else {
-                        viewAllResultsBtn.style.display = 'none';
-                    }
-                });
-
-                viewAllResultsBtn.addEventListener('click', function() {
-                    const searchQuery = searchInput.value.trim();
-                    if (searchQuery) {
-                        localStorage.setItem('searchQuery', searchQuery);
-                        window.location.href = 'search.html';
-                    }
-                    else {
-                        alert('Please enter a search query.');
-                    }
-                });
-
-                hideSpinner();
-            });
-
-            function displaySearchResults(results) {
-                showSpinner();
-                const resultsContainer = document.getElementById('search-results');
-                resultsContainer.innerHTML = '';
-
-                results.forEach(item => {
-                    const card = document.createElement('div');
-                    card.className = 'search-result-card';
-                    card.style.cursor = 'pointer';
-
-                    const imagePath = item.poster_path || item.profile_path ? `https://image.tmdb.org/t/p/w500${item.poster_path || item.profile_path}` : null;
-
-                    if (imagePath) {
-                        const image = document.createElement('img');
-                        image.src = imagePath;
-                        image.className = 'result-image';
-                        card.appendChild(image);
-                    }
-                    else {
-                        const placeholder = document.createElement('div');
-                        placeholder.className = 'result-image-placeholder';
-                        placeholder.textContent = 'Image Not Available';
-                        placeholder.style.textAlign = 'center';
-                        placeholder.style.padding = '10px';
-                        card.appendChild(placeholder);
-                    }
-
-                    const details = document.createElement('div');
-                    details.className = 'result-details';
-
-                    const name = document.createElement('div');
-                    name.className = 'result-name';
-                    name.textContent = item.title || item.name;
-                    details.appendChild(name);
-
-                    const type = document.createElement('div');
-                    type.className = 'result-type';
-                    type.textContent = item.media_type === 'movie' ? 'Movie' : item.media_type === 'tv' ? 'TV Series' : 'Person';
-                    details.appendChild(type);
-
-                    card.appendChild(details);
-                    resultsContainer.appendChild(card);
-
-                    card.addEventListener('click', () => handleResultClick(item));
-                });
-
-                hideSpinner();
-            }
-
-            async function handleResultClick(item) {
-                console.log('Clicked item:', item.media_type, item.id);
-
-                if (!item.media_type) {
-                    console.log('Media type is undefined');
-                    return;
-                }
-
-                if (item.media_type === 'movie') {
-                    localStorage.setItem('selectedMovieId', item.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else if (item.media_type === 'tv') {
-                    localStorage.setItem('selectedTvSeriesId', item.id);
-                    window.location.href = 'tv-details.html';
-                }
-                else if (item.media_type === 'person') {
-                    try {
-                        const personDetailsUrl = `https://${getMovieVerseData()}/3/person/${item.id}?${generateMovieNames()}${getMovieCode()}`;
-                        const response = await fetch(personDetailsUrl);
-                        const personDetails = await response.json();
-
-                        if (personDetails.known_for_department === 'Directing') {
-                            localStorage.setItem('selectedDirectorId', item.id);
-                            window.location.href = 'director-details.html?' + item.id;
-                        }
-                        else {
-                            localStorage.setItem('selectedActorId', item.id);
-                            window.location.href = 'actor-details.html?' + item.id;
-                        }
-                    }
-                    catch (error) {
-                        console.log('Error fetching person details:', error);
-                    }
-                }
-                else {
-                    console.log('Unknown media type:', item.media_type);
-                }
-            }
-        });
-
-        document.addEventListener('DOMContentLoaded', function() {
-            const searchInput = document.getElementById('search');
-            const viewAllResultsBtn = document.getElementById('view-all-results');
-            const clearSearchBtn = document.getElementById('clear-search');
-            const searchResultsContainer = document.getElementById('search-results');
-            let selectedIndex = -1;
-
-            function clearSelection() {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                if (selectedIndex >= 0 && selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '';
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '';
-                }
-            }
-
-            function moveSelection(direction) {
-                const results = searchResultsContainer.getElementsByClassName('search-result-card');
-                const totalElements = results.length + 2;
-                clearSelection();
-
-                if (direction === 'down') {
-                    selectedIndex = (selectedIndex + 1) % totalElements;
-                }
-                else if (direction === 'up') {
-                    selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
-                }
-
-                if (selectedIndex < results.length) {
-                    results[selectedIndex].style.backgroundColor = '#ff8623';
-                    results[selectedIndex].scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length) {
-                    viewAllResultsBtn.style.backgroundColor = '#ff8623';
-                    viewAllResultsBtn.scrollIntoView({ block: "nearest" });
-                }
-                else if (selectedIndex === results.length + 1) {
-                    clearSearchBtn.style.backgroundColor = '#ff8623';
-                    clearSearchBtn.scrollIntoView({ block: "nearest" });
-                }
-            }
-
-            searchInput.addEventListener('keydown', function(e) {
-                if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('down');
-                }
-                else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
-                    e.preventDefault();
-                    moveSelection('up');
-                }
-                else if (e.key === 'Enter') {
-                    e.preventDefault();
-                    if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
-                        viewAllResultsBtn.click();
-                    }
-                    else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
-                        clearSearchBtn.click();
-                    }
-                    else {
-                        const query = searchInput.value.trim();
-                        localStorage.setItem('searchQuery', query);
-                        window.location.href = 'search.html';
-                    }
-                }
-            });
-
-            searchInput.addEventListener('blur', clearSelection);
-        });
-    </script>
-
-    <script>
-        function handleSignInOut() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            if (isSignedIn) {
-                localStorage.setItem('isSignedIn', JSON.stringify(false));
-                alert('You have been signed out.');
-            }
-            else {
-                window.location.href = 'sign-in.html';
-                return;
-            }
-
-            updateSignInButtonState();
-        }
-
-        function updateSignInButtonState() {
-            const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
-
-            const signInText = document.getElementById('signInOutText');
-            const signInIcon = document.getElementById('signInIcon');
-            const signOutIcon = document.getElementById('signOutIcon');
-
-            if (isSignedIn) {
-                signInText.textContent = 'Sign Out';
-                signInIcon.style.display = 'none';
-                signOutIcon.style.display = 'inline-block';
-            }
-            else {
-                signInText.textContent = 'Sign In';
-                signInIcon.style.display = 'inline-block';
-                signOutIcon.style.display = 'none';
-            }
-        }
-
-        document.addEventListener("DOMContentLoaded", function() {
-            updateSignInButtonState();
-            document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
-        });
-
-        document.getElementById('settings-btn').addEventListener('click', () => {
-            window.location.href = 'settings.html';
-        });
-
-        document.addEventListener('DOMContentLoaded', () => {
-            applySettings();
-
-            function applySettings() {
-                const defaultBg = '../../images/universe-1.webp';
-                const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
-                const savedTextColor = localStorage.getItem('textColor');
-                const savedFontSize = localStorage.getItem('fontSize');
-                document.body.style.backgroundImage = `url('${savedBg}')`;
-
-                if (savedTextColor) {
-                    document.querySelectorAll('h1, h2, h3, p, a, span, div, button, input, select, textarea, label, li').forEach(element => {
-                        element.style.color = savedTextColor;
-                    });
-                }
-
-                if (savedFontSize) {
-                    const size = savedFontSize === 'small' ? '12px' : savedFontSize === 'medium' ? '16px' : '20px';
-                    document.body.style.fontSize = size;
-                }
-            }
-        });
-
-        const movieCode1 = {
-            part1: 'YzVhMjBjODY=',
-            part2: 'MWFjZjdiYjg=',
-            part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
-        };
-
-        function getMovieCode() {
-            return atob(movieCode1.part1) + atob(movieCode1.part2) + atob(movieCode1.part3);
-        }
-
-        function generateMovieNames(input) {
-            return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
-        }
-
-        function getMovieVerseData(input) {
-            return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
-        }
-
-        async function showMovieOfTheDay() {
-            const year = new Date().getFullYear();
-            const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
-
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const movies = data.results;
-
-                if (movies.length > 0) {
-                    const randomMovie = movies[Math.floor(Math.random() * movies.length)];
-                    localStorage.setItem('selectedMovieId', randomMovie.id);
-                    window.location.href = 'movie-details.html';
-                }
-                else {
-                    fallbackMovieSelection();
-                }
-            }
-            catch (error) {
-                console.log('Error fetching movie:', error);
-                fallbackMovieSelection();
-            }
-        }
-
-        async function ensureGenreMapIsAvailable() {
-            if (!localStorage.getItem('genreMap')) {
-                await fetchGenreMap();
-            }
-        }
-
-        async function fetchGenreMap() {
-            const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
-            try {
-                const response = await fetch(url);
-                const data = await response.json();
-                const genreMap = data.genres.reduce((map, genre) => {
-                    map[genre.id] = genre.name;
-                    return map;
-                }, {});
-                localStorage.setItem('genreMap', JSON.stringify(genreMap));
-            }
-            catch (error) {
-                console.log('Error fetching genre map:', error);
-            }
-        }
-
-        async function rotateUserStats() {
-            await ensureGenreMapIsAvailable();
-
-            const stats = [
-                {
-                    label: "Your Current Time",
-                    getValue: () => {
-                        const now = new Date();
-                        let hours = now.getHours();
-                        let minutes = now.getMinutes();
-                        hours = hours < 10 ? '0' + hours : hours;
-                        minutes = minutes < 10 ? '0' + minutes : minutes;
-                        return `${hours}:${minutes}`;
-                    }
-                },
-                { label: "Most Visited Movie", getValue: getMostVisitedMovie },
-                { label: "Most Visited Director", getValue: getMostVisitedDirector },
-                { label: "Most Visited Actor", getValue: getMostVisitedActor },
-                {
-                    label: "Movies Discovered",
-                    getValue: () => {
-                        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
-                        return viewedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Movies",
-                    getValue: () => {
-                        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
-                        return favoritedMovies.length;
-                    }
-                },
-                {
-                    label: "Favorite Genre",
-                    getValue: () => {
-                        const mostCommonGenreCode = getMostCommonGenre();
-                        const genreMapString = localStorage.getItem('genreMap');
-                        if (!genreMapString) {
-                            console.log('No genre map found in localStorage.');
-                            return 'Not Available';
-                        }
-
-                        let genreMap;
-                        try {
-                            genreMap = JSON.parse(genreMapString);
-                        }
-                        catch (e) {
-                            console.log('Error parsing genre map:', e);
-                            return 'Not Available';
-                        }
-
-                        let genreObject;
-                        if (Array.isArray(genreMap)) {
-                            genreObject = genreMap.reduce((acc, genre) => {
-                                acc[genre.id] = genre.name;
-                                return acc;
-                            }, {});
-                        }
-                        else if (typeof genreMap === 'object' && genreMap !== null) {
-                            genreObject = genreMap;
-                        }
-                        else {
-                            console.log('genreMap is neither an array nor a proper object:', genreMap);
-                            return 'Not Available';
-                        }
-
-                        return genreObject[mostCommonGenreCode] || 'Not Available';
-                    }
-                },
-                { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
-                { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
-                {
-                    label: "Directors Discovered",
-                    getValue: () => {
-                        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
-                        return viewedDirectors.length;
-                    }
-                },
-                {
-                    label: "Actors Discovered",
-                    getValue: () => {
-                        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
-                        return viewedActors.length;
-                    }
-                },
-                { label: "Your Trivia Accuracy", getValue: getTriviaAccuracy },
-            ];
-
-            let currentStatIndex = 0;
-
-            function updateStatDisplay() {
-                const currentStat = stats[currentStatIndex];
-                document.getElementById('stats-label').textContent = currentStat.label + ':';
-                document.getElementById('stats-display').textContent = currentStat.getValue();
-                currentStatIndex = (currentStatIndex + 1) % stats.length;
-            }
-
-            updateStatDisplay();
-
-            const localTimeDiv = document.getElementById('local-time');
-            let statRotationInterval = setInterval(updateStatDisplay, 3000);
-
-            localTimeDiv.addEventListener('click', () => {
-                clearInterval(statRotationInterval);
-                updateStatDisplay();
-                statRotationInterval = setInterval(updateStatDisplay, 3000);
-            });
-        }
-
-        function updateMovieVisitCount(movieId, movieTitle) {
-            let movieVisits = JSON.parse(localStorage.getItem('movieVisits')) || {};
-            if (!movieVisits[movieId]) {
-                movieVisits[movieId] = { count: 0, title: movieTitle };
-            }
-            movieVisits[movieId].count += 1;
-            localStorage.setItem('movieVisits', JSON.stringify(movieVisits));
-        }
-
-        function getMostVisitedMovie() {
-            const movieVisits = JSON.parse(localStorage.getItem('movieVisits')) || {};
-            let mostVisitedMovie = '';
-            let maxVisits = 0;
-
-            for (const movieId in movieVisits) {
-                if (movieVisits[movieId].count > maxVisits) {
-                    mostVisitedMovie = movieVisits[movieId].title;
-                    maxVisits = movieVisits[movieId].count;
-                }
-            }
-
-            return mostVisitedMovie || 'Not Available';
-        }
-
-        function getMostVisitedActor() {
-            const actorVisits = JSON.parse(localStorage.getItem('actorVisits')) || {};
-            let mostVisitedActor = '';
-            let maxVisits = 0;
-
-            for (const actorId in actorVisits) {
-                if (actorVisits[actorId].count > maxVisits) {
-                    mostVisitedActor = actorVisits[actorId].name;
-                    maxVisits = actorVisits[actorId].count;
-                }
-            }
-
-            return mostVisitedActor || 'Not Available';
-        }
-
-        function getMostVisitedDirector() {
-            const directorVisits = JSON.parse(localStorage.getItem('directorVisits')) || {};
-            let mostVisitedDirector = '';
-            let maxVisits = 0;
-
-            for (const directorId in directorVisits) {
-                if (directorVisits[directorId].count > maxVisits) {
-                    mostVisitedDirector = directorVisits[directorId].name;
-                    maxVisits = directorVisits[directorId].count;
-                }
-            }
-
-            return mostVisitedDirector || 'Not Available';
-        }
-
-        function getTriviaAccuracy() {
-            let triviaStats = JSON.parse(localStorage.getItem('triviaStats')) || { totalCorrect: 0, totalAttempted: 0 };
-            if (triviaStats.totalAttempted === 0) {
-                return 'No trivia attempted';
-            }
-            let accuracy = (triviaStats.totalCorrect / triviaStats.totalAttempted) * 100;
-            return `${accuracy.toFixed(1)}% accuracy`;
-        }
-
-        function getMostCommonGenre() {
-            const favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
-            const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
-                acc[genre] = (acc[genre] || 0) + 1;
-                return acc;
-            }, {});
-
-            let mostCommonGenre = '';
-            let maxCount = 0;
-
-            for (const genre in genreCounts) {
-                if (genreCounts[genre] > maxCount) {
-                    mostCommonGenre = genre;
-                    maxCount = genreCounts[genre];
-                }
-            }
-
-            return mostCommonGenre || 'Not Available';
-        }
-
-        document.addEventListener('DOMContentLoaded', rotateUserStats);
-
-        const form = document.getElementById('form1');
-
-        form.addEventListener('submit', (e) => {
-            e.preventDefault();
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        });
-
-        function handleSearch() {
-            const searchQuery = document.getElementById('search').value;
-            localStorage.setItem('searchQuery', searchQuery);
-            window.location.href = 'search.html';
-        }
-    </script>
+    <script src="../js/terms-of-service.js"></script>
 
     <footer>
         <a href="../../index.html" style="cursor: pointer; text-decoration: none">
@@ -1196,105 +442,5 @@ <h2 style="color: white; cursor: pointer">Contact Us</h2>
         <span>Menu</span>
     </button>
 
-    <script>
-        window.addEventListener('load', function() {
-            adjustAnchorHeights();
-        });
-
-        window.addEventListener('resize', adjustAnchorHeights);
-
-        function adjustAnchorHeights() {
-            const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
-            let maxHeight = 0;
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = 'auto';
-                const anchorHeight = anchor.getBoundingClientRect().height;
-                maxHeight = Math.max(maxHeight, anchorHeight);
-            });
-
-            bottomBarAnchors.forEach(anchor => {
-                anchor.style.height = `${maxHeight}px`;
-            });
-        }
-
-        let lastScrollY = window.scrollY;
-
-        window.addEventListener('scroll', () => {
-            const currentScrollY = window.scrollY;
-
-            if (currentScrollY > lastScrollY && currentScrollY > 0) {
-                document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
-            }
-            else {
-                document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
-            }
-
-            lastScrollY = currentScrollY;
-        });
-
-        let isAnimating = false;
-
-        document.getElementById('menu-btn').addEventListener('click', () => {
-            if (isAnimating) return;
-
-            isAnimating = true;
-
-            const buttonIds = [
-                'chat-button',
-                'settings-btn',
-                'movie-of-the-day-btn',
-                'movie-match-btn3',
-                'movie-timeline-btn',
-                'discussions-btn',
-                'trivia-btn',
-            ];
-
-            buttonIds.forEach((id, index) => {
-                const button = document.getElementById(id);
-                if (button.style.display === 'none' || !button.style.display) {
-                    button.style.display = 'block';
-                    setTimeout(() => {
-                        button.style.opacity = '1';
-                        button.style.transform = 'translateY(0)';
-                    }, 50 * index);
-                }
-                else {
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                }
-
-                setTimeout(() => {
-                    button.style.display = button.style.opacity === '1' ? 'block' : 'none';
-                    if (index === buttonIds.length - 1) {
-                        isAnimating = false;
-                    }
-                }, 500 + 50 * index);
-            });
-        });
-
-        window.addEventListener('resize', () => {
-            if (window.innerWidth < 767) {
-                const buttonIds = [
-                    'chat-button',
-                    'settings-btn',
-                    'movie-of-the-day-btn',
-                    'movie-match-btn3',
-                    'movie-timeline-btn',
-                    'discussions-btn',
-                    'trivia-btn',
-                ];
-
-                buttonIds.forEach(id => {
-                    const button = document.getElementById(id);
-                    button.style.display = 'none';
-                    button.style.opacity = '0';
-                    button.style.transform = 'translateY(20px)';
-                });
-            }
-        });
-    </script>
-
 </body>
-
 </html>
diff --git a/MovieVerse-Frontend/js/terms-of-service.js b/MovieVerse-Frontend/js/terms-of-service.js
new file mode 100644
index 00000000..42a2d0af
--- /dev/null
+++ b/MovieVerse-Frontend/js/terms-of-service.js
@@ -0,0 +1,845 @@
+document.getElementById('agreement').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('agreement').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('consent').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('consent').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading2').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading2').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading3').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading3').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading4').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading4').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading5').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading5').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading6').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading6').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading7').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading7').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading8').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading8').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading9').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading9').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.getElementById('subheading10').addEventListener('click', function(e) {
+    e.preventDefault();
+
+    document.getElementById('subheading10').scrollIntoView({ behavior: 'smooth' });
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchBar = document.getElementById('search');
+    const searchButton = document.getElementById('button-search');
+    const myHeading = document.getElementById('my-heading');
+    const localTime = document.getElementById('local-time');
+
+    function toggleVisibility() {
+        const query = searchBar.value.trim();
+        if (query) {
+            if (window.innerWidth > 800) {
+                myHeading.style.visibility = 'hidden';
+                myHeading.style.opacity = '0';
+                localTime.style.visibility = 'hidden';
+                localTime.style.opacity = '0';
+            }
+        }
+        else {
+            myHeading.style.visibility = 'visible';
+            myHeading.style.opacity = '1';
+            localTime.style.visibility = 'visible';
+            localTime.style.opacity = '1';
+        }
+    }
+    searchBar.addEventListener('input', toggleVisibility);
+    toggleVisibility();
+});
+
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchInput = document.getElementById('search');
+    const viewAllResultsBtn = document.getElementById('view-all-results');
+    const clearSearchBtn = document.getElementById('clear-search');
+    const searchResultsContainer = document.getElementById('search-results');
+    const myHeading = document.getElementById('my-heading');
+    const localTime = document.getElementById('local-time');
+    const searchButton = document.getElementById('button-search');
+
+    function toggleButtons() {
+        const query = searchInput.value.trim();
+        viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
+        clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+    }
+
+    clearSearchBtn.addEventListener('click', function() {
+        searchInput.value = '';
+        searchResultsContainer.innerHTML = '';
+        toggleButtons();
+        searchInput.focus();
+
+        myHeading.style.visibility = 'visible';
+        myHeading.style.opacity = '1';
+        localTime.style.visibility = 'visible';
+        localTime.style.opacity = '1';
+    });
+
+    toggleButtons();
+    searchInput.addEventListener('input', toggleButtons);
+});
+
+function toggleNav() {
+    const sideNav = document.getElementById('side-nav');
+    sideNav.classList.toggle('manual-toggle');
+    adjustNavBar();
+}
+
+function removeNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+    }
+
+    adjustNavBar();
+}
+
+function adjustNavBar() {
+    const sideNav = document.getElementById('side-nav');
+    if (sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0px';
+    }
+    else {
+        sideNav.style.left = '-250px';
+    }
+}
+
+document.addEventListener('mousemove', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    if (event.clientX < 10 && !sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '0';
+    }
+});
+
+document.getElementById('side-nav').addEventListener('mouseleave', function() {
+    const sideNav = document.getElementById('side-nav');
+    if (!sideNav.classList.contains('manual-toggle')) {
+        sideNav.style.left = '-250px';
+    }
+});
+
+document.addEventListener('click', function(event) {
+    const sideNav = document.getElementById('side-nav');
+    const navToggle = document.getElementById('nav-toggle');
+    if (!sideNav.contains(event.target) && !navToggle.contains(event.target) && sideNav.classList.contains('manual-toggle')) {
+        sideNav.classList.remove('manual-toggle');
+        adjustNavBar();
+    }
+});
+
+function showSpinner() {
+    document.getElementById('myModal').classList.add('modal-visible');
+}
+
+function hideSpinner() {
+    document.getElementById('myModal').classList.remove('modal-visible');
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    document.getElementById('search').addEventListener('input', function(e) {
+        showSpinner();
+        const viewAllResultsBtn = document.getElementById('view-all-results');
+        const searchInput = document.getElementById('search');
+        const query = e.target.value.trim();
+        const searchResultsContainer = document.getElementById('search-results');
+
+        viewAllResultsBtn.style.display = query ? 'block' : 'none';
+
+        function toggleButtons() {
+            viewAllResultsBtn.style.display = query ? 'inline-block' : 'none';
+            const clearSearchBtn = document.getElementById('clear-search');
+            clearSearchBtn.style.display = query ? 'inline-block' : 'none';
+        }
+
+        if (query) {
+            const searchURL = `https://${getMovieVerseData()}/3/search/multi?${generateMovieNames()}${getMovieCode()}&query=${encodeURIComponent(query)}`;
+            fetch(searchURL)
+                .then(response => response.json())
+                .then(data => {
+                    const sortedResults = data.results.sort((a, b) => b.popularity - a.popularity);
+                    displaySearchResults(sortedResults.slice(0, 5));
+                })
+                .catch(err => console.log("Fetching error:", err));
+        }
+        else {
+            searchInput.value = '';
+            searchResultsContainer.innerHTML = '';
+            toggleButtons();
+            searchInput.focus();
+        }
+
+        searchInput.addEventListener('input', function() {
+            if (searchInput.value.trim()) {
+                viewAllResultsBtn.style.display = 'block';
+            }
+            else {
+                viewAllResultsBtn.style.display = 'none';
+            }
+        });
+
+        viewAllResultsBtn.addEventListener('click', function() {
+            const searchQuery = searchInput.value.trim();
+            if (searchQuery) {
+                localStorage.setItem('searchQuery', searchQuery);
+                window.location.href = 'search.html';
+            }
+            else {
+                alert('Please enter a search query.');
+            }
+        });
+
+        hideSpinner();
+    });
+
+    function displaySearchResults(results) {
+        showSpinner();
+        const resultsContainer = document.getElementById('search-results');
+        resultsContainer.innerHTML = '';
+
+        results.forEach(item => {
+            const card = document.createElement('div');
+            card.className = 'search-result-card';
+            card.style.cursor = 'pointer';
+
+            const imagePath = item.poster_path || item.profile_path ? `https://image.tmdb.org/t/p/w500${item.poster_path || item.profile_path}` : null;
+
+            if (imagePath) {
+                const image = document.createElement('img');
+                image.src = imagePath;
+                image.className = 'result-image';
+                card.appendChild(image);
+            }
+            else {
+                const placeholder = document.createElement('div');
+                placeholder.className = 'result-image-placeholder';
+                placeholder.textContent = 'Image Not Available';
+                placeholder.style.textAlign = 'center';
+                placeholder.style.padding = '10px';
+                card.appendChild(placeholder);
+            }
+
+            const details = document.createElement('div');
+            details.className = 'result-details';
+
+            const name = document.createElement('div');
+            name.className = 'result-name';
+            name.textContent = item.title || item.name;
+            details.appendChild(name);
+
+            const type = document.createElement('div');
+            type.className = 'result-type';
+            type.textContent = item.media_type === 'movie' ? 'Movie' : item.media_type === 'tv' ? 'TV Series' : 'Person';
+            details.appendChild(type);
+
+            card.appendChild(details);
+            resultsContainer.appendChild(card);
+
+            card.addEventListener('click', () => handleResultClick(item));
+        });
+
+        hideSpinner();
+    }
+
+    async function handleResultClick(item) {
+        console.log('Clicked item:', item.media_type, item.id);
+
+        if (!item.media_type) {
+            console.log('Media type is undefined');
+            return;
+        }
+
+        if (item.media_type === 'movie') {
+            localStorage.setItem('selectedMovieId', item.id);
+            window.location.href = 'movie-details.html';
+        }
+        else if (item.media_type === 'tv') {
+            localStorage.setItem('selectedTvSeriesId', item.id);
+            window.location.href = 'tv-details.html';
+        }
+        else if (item.media_type === 'person') {
+            try {
+                const personDetailsUrl = `https://${getMovieVerseData()}/3/person/${item.id}?${generateMovieNames()}${getMovieCode()}`;
+                const response = await fetch(personDetailsUrl);
+                const personDetails = await response.json();
+
+                if (personDetails.known_for_department === 'Directing') {
+                    localStorage.setItem('selectedDirectorId', item.id);
+                    window.location.href = 'director-details.html?' + item.id;
+                }
+                else {
+                    localStorage.setItem('selectedActorId', item.id);
+                    window.location.href = 'actor-details.html?' + item.id;
+                }
+            }
+            catch (error) {
+                console.log('Error fetching person details:', error);
+            }
+        }
+        else {
+            console.log('Unknown media type:', item.media_type);
+        }
+    }
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+    const searchInput = document.getElementById('search');
+    const viewAllResultsBtn = document.getElementById('view-all-results');
+    const clearSearchBtn = document.getElementById('clear-search');
+    const searchResultsContainer = document.getElementById('search-results');
+    let selectedIndex = -1;
+
+    function clearSelection() {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        if (selectedIndex >= 0 && selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '';
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '';
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '';
+        }
+    }
+
+    function moveSelection(direction) {
+        const results = searchResultsContainer.getElementsByClassName('search-result-card');
+        const totalElements = results.length + 2;
+        clearSelection();
+
+        if (direction === 'down') {
+            selectedIndex = (selectedIndex + 1) % totalElements;
+        }
+        else if (direction === 'up') {
+            selectedIndex = (selectedIndex - 1 + totalElements) % totalElements;
+        }
+
+        if (selectedIndex < results.length) {
+            results[selectedIndex].style.backgroundColor = '#ff8623';
+            results[selectedIndex].scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length) {
+            viewAllResultsBtn.style.backgroundColor = '#ff8623';
+            viewAllResultsBtn.scrollIntoView({ block: "nearest" });
+        }
+        else if (selectedIndex === results.length + 1) {
+            clearSearchBtn.style.backgroundColor = '#ff8623';
+            clearSearchBtn.scrollIntoView({ block: "nearest" });
+        }
+    }
+
+    searchInput.addEventListener('keydown', function(e) {
+        if (e.key === 'ArrowDown' || (e.key === 'Tab' && !e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('down');
+        }
+        else if (e.key === 'ArrowUp' || (e.key === 'Tab' && e.shiftKey)) {
+            e.preventDefault();
+            moveSelection('up');
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            if (selectedIndex >= 0 && selectedIndex < searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                searchResultsContainer.getElementsByClassName('search-result-card')[selectedIndex].click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length) {
+                viewAllResultsBtn.click();
+            }
+            else if (selectedIndex === searchResultsContainer.getElementsByClassName('search-result-card').length + 1) {
+                clearSearchBtn.click();
+            }
+            else {
+                const query = searchInput.value.trim();
+                localStorage.setItem('searchQuery', query);
+                window.location.href = 'search.html';
+            }
+        }
+    });
+
+    searchInput.addEventListener('blur', clearSelection);
+});
+
+function handleSignInOut() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    if (isSignedIn) {
+        localStorage.setItem('isSignedIn', JSON.stringify(false));
+        alert('You have been signed out.');
+    }
+    else {
+        window.location.href = 'sign-in.html';
+        return;
+    }
+
+    updateSignInButtonState();
+}
+
+function updateSignInButtonState() {
+    const isSignedIn = JSON.parse(localStorage.getItem('isSignedIn')) || false;
+
+    const signInText = document.getElementById('signInOutText');
+    const signInIcon = document.getElementById('signInIcon');
+    const signOutIcon = document.getElementById('signOutIcon');
+
+    if (isSignedIn) {
+        signInText.textContent = 'Sign Out';
+        signInIcon.style.display = 'none';
+        signOutIcon.style.display = 'inline-block';
+    }
+    else {
+        signInText.textContent = 'Sign In';
+        signInIcon.style.display = 'inline-block';
+        signOutIcon.style.display = 'none';
+    }
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    updateSignInButtonState();
+    document.getElementById('googleSignInBtn').addEventListener('click', handleSignInOut);
+});
+
+document.getElementById('settings-btn').addEventListener('click', () => {
+    window.location.href = 'settings.html';
+});
+
+document.addEventListener('DOMContentLoaded', () => {
+    applySettings();
+
+    function applySettings() {
+        const defaultBg = '../../images/universe-1.webp';
+        const savedBg = localStorage.getItem('backgroundImage') || defaultBg;
+        const savedTextColor = localStorage.getItem('textColor');
+        const savedFontSize = localStorage.getItem('fontSize');
+        document.body.style.backgroundImage = `url('${savedBg}')`;
+
+        if (savedTextColor) {
+            document.querySelectorAll('h1, h2, h3, p, a, span, div, button, input, select, textarea, label, li').forEach(element => {
+                element.style.color = savedTextColor;
+            });
+        }
+
+        if (savedFontSize) {
+            const size = savedFontSize === 'small' ? '12px' : savedFontSize === 'medium' ? '16px' : '20px';
+            document.body.style.fontSize = size;
+        }
+    }
+});
+
+const movieCode1 = {
+    part1: 'YzVhMjBjODY=',
+    part2: 'MWFjZjdiYjg=',
+    part3: 'ZDllOTg3ZGNjN2YxYjU1OA=='
+};
+
+function getMovieCode() {
+    return atob(movieCode1.part1) + atob(movieCode1.part2) + atob(movieCode1.part3);
+}
+
+function generateMovieNames(input) {
+    return String.fromCharCode(97, 112, 105, 95, 107, 101, 121, 61);
+}
+
+function getMovieVerseData(input) {
+    return String.fromCharCode(97, 112, 105, 46, 116, 104, 101, 109, 111, 118, 105, 101, 100, 98, 46, 111, 114, 103);
+}
+
+async function showMovieOfTheDay() {
+    const year = new Date().getFullYear();
+    const url = `https://${getMovieVerseData()}/3/discover/movie?${generateMovieNames()}${getMovieCode()}&sort_by=vote_average.desc&vote_count.gte=100&primary_release_year=${year}&vote_average.gte=7`;
+
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const movies = data.results;
+
+        if (movies.length > 0) {
+            const randomMovie = movies[Math.floor(Math.random() * movies.length)];
+            localStorage.setItem('selectedMovieId', randomMovie.id);
+            window.location.href = 'movie-details.html';
+        }
+        else {
+            fallbackMovieSelection();
+        }
+    }
+    catch (error) {
+        console.log('Error fetching movie:', error);
+        fallbackMovieSelection();
+    }
+}
+
+async function ensureGenreMapIsAvailable() {
+    if (!localStorage.getItem('genreMap')) {
+        await fetchGenreMap();
+    }
+}
+
+async function fetchGenreMap() {
+    const url = `https://${getMovieVerseData()}/3/genre/movie/list?${generateMovieNames()}${getMovieCode()}`;
+    try {
+        const response = await fetch(url);
+        const data = await response.json();
+        const genreMap = data.genres.reduce((map, genre) => {
+        map[genre.id] = genre.name;
+        return map;
+    }, {});
+        localStorage.setItem('genreMap', JSON.stringify(genreMap));
+    }
+    catch (error) {
+        console.log('Error fetching genre map:', error);
+    }
+}
+
+async function rotateUserStats() {
+    await ensureGenreMapIsAvailable();
+
+    const stats = [
+    {
+        label: "Your Current Time",
+        getValue: () => {
+        const now = new Date();
+        let hours = now.getHours();
+        let minutes = now.getMinutes();
+        hours = hours < 10 ? '0' + hours : hours;
+        minutes = minutes < 10 ? '0' + minutes : minutes;
+        return `${hours}:${minutes}`;
+    }
+    },
+    { label: "Most Visited Movie", getValue: getMostVisitedMovie },
+    { label: "Most Visited Director", getValue: getMostVisitedDirector },
+    { label: "Most Visited Actor", getValue: getMostVisitedActor },
+    {
+        label: "Movies Discovered",
+        getValue: () => {
+        const viewedMovies = JSON.parse(localStorage.getItem('uniqueMoviesViewed')) || [];
+        return viewedMovies.length;
+    }
+    },
+    {
+        label: "Favorite Movies",
+        getValue: () => {
+        const favoritedMovies = JSON.parse(localStorage.getItem('moviesFavorited')) || [];
+        return favoritedMovies.length;
+    }
+    },
+    {
+        label: "Favorite Genre",
+        getValue: () => {
+        const mostCommonGenreCode = getMostCommonGenre();
+        const genreMapString = localStorage.getItem('genreMap');
+        if (!genreMapString) {
+        console.log('No genre map found in localStorage.');
+        return 'Not Available';
+    }
+
+        let genreMap;
+        try {
+        genreMap = JSON.parse(genreMapString);
+    }
+        catch (e) {
+        console.log('Error parsing genre map:', e);
+        return 'Not Available';
+    }
+
+        let genreObject;
+        if (Array.isArray(genreMap)) {
+        genreObject = genreMap.reduce((acc, genre) => {
+        acc[genre.id] = genre.name;
+        return acc;
+    }, {});
+    }
+        else if (typeof genreMap === 'object' && genreMap !== null) {
+        genreObject = genreMap;
+    }
+        else {
+        console.log('genreMap is neither an array nor a proper object:', genreMap);
+        return 'Not Available';
+    }
+
+        return genreObject[mostCommonGenreCode] || 'Not Available';
+    }
+    },
+    { label: "Watchlists Created", getValue: () => localStorage.getItem('watchlistsCreated') || 0 },
+    { label: "Average Movie Rating", getValue: () => localStorage.getItem('averageMovieRating') || 'Not Rated' },
+    {
+        label: "Directors Discovered",
+        getValue: () => {
+        const viewedDirectors = JSON.parse(localStorage.getItem('uniqueDirectorsViewed')) || [];
+        return viewedDirectors.length;
+    }
+    },
+    {
+        label: "Actors Discovered",
+        getValue: () => {
+        const viewedActors = JSON.parse(localStorage.getItem('uniqueActorsViewed')) || [];
+        return viewedActors.length;
+    }
+    },
+    { label: "Your Trivia Accuracy", getValue: getTriviaAccuracy },
+        ];
+
+        let currentStatIndex = 0;
+
+        function updateStatDisplay() {
+        const currentStat = stats[currentStatIndex];
+        document.getElementById('stats-label').textContent = currentStat.label + ':';
+        document.getElementById('stats-display').textContent = currentStat.getValue();
+        currentStatIndex = (currentStatIndex + 1) % stats.length;
+    }
+
+    updateStatDisplay();
+
+    const localTimeDiv = document.getElementById('local-time');
+    let statRotationInterval = setInterval(updateStatDisplay, 3000);
+
+    localTimeDiv.addEventListener('click', () => {
+        clearInterval(statRotationInterval);
+        updateStatDisplay();
+        statRotationInterval = setInterval(updateStatDisplay, 3000);
+    });
+}
+
+function updateMovieVisitCount(movieId, movieTitle) {
+    let movieVisits = JSON.parse(localStorage.getItem('movieVisits')) || {};
+    if (!movieVisits[movieId]) {
+        movieVisits[movieId] = { count: 0, title: movieTitle };
+    }
+    movieVisits[movieId].count += 1;
+    localStorage.setItem('movieVisits', JSON.stringify(movieVisits));
+}
+
+function getMostVisitedMovie() {
+    const movieVisits = JSON.parse(localStorage.getItem('movieVisits')) || {};
+    let mostVisitedMovie = '';
+    let maxVisits = 0;
+
+    for (const movieId in movieVisits) {
+        if (movieVisits[movieId].count > maxVisits) {
+            mostVisitedMovie = movieVisits[movieId].title;
+            maxVisits = movieVisits[movieId].count;
+        }
+    }
+
+    return mostVisitedMovie || 'Not Available';
+}
+
+function getMostVisitedActor() {
+    const actorVisits = JSON.parse(localStorage.getItem('actorVisits')) || {};
+    let mostVisitedActor = '';
+    let maxVisits = 0;
+
+    for (const actorId in actorVisits) {
+        if (actorVisits[actorId].count > maxVisits) {
+            mostVisitedActor = actorVisits[actorId].name;
+            maxVisits = actorVisits[actorId].count;
+        }
+    }
+
+    return mostVisitedActor || 'Not Available';
+}
+
+function getMostVisitedDirector() {
+    const directorVisits = JSON.parse(localStorage.getItem('directorVisits')) || {};
+    let mostVisitedDirector = '';
+    let maxVisits = 0;
+
+    for (const directorId in directorVisits) {
+        if (directorVisits[directorId].count > maxVisits) {
+            mostVisitedDirector = directorVisits[directorId].name;
+            maxVisits = directorVisits[directorId].count;
+        }
+    }
+
+    return mostVisitedDirector || 'Not Available';
+}
+
+function getTriviaAccuracy() {
+    let triviaStats = JSON.parse(localStorage.getItem('triviaStats')) || { totalCorrect: 0, totalAttempted: 0 };
+    if (triviaStats.totalAttempted === 0) {
+        return 'No trivia attempted';
+    }
+    let accuracy = (triviaStats.totalCorrect / triviaStats.totalAttempted) * 100;
+    return `${accuracy.toFixed(1)}% accuracy`;
+}
+
+function getMostCommonGenre() {
+    const favoriteGenresArray = JSON.parse(localStorage.getItem('favoriteGenres')) || [];
+    const genreCounts = favoriteGenresArray.reduce((acc, genre) => {
+        acc[genre] = (acc[genre] || 0) + 1;
+        return acc;
+    }, {});
+
+    let mostCommonGenre = '';
+    let maxCount = 0;
+
+    for (const genre in genreCounts) {
+        if (genreCounts[genre] > maxCount) {
+            mostCommonGenre = genre;
+            maxCount = genreCounts[genre];
+        }
+    }
+
+    return mostCommonGenre || 'Not Available';
+}
+
+document.addEventListener('DOMContentLoaded', rotateUserStats);
+
+const form = document.getElementById('form1');
+
+form.addEventListener('submit', (e) => {
+    e.preventDefault();
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+});
+
+function handleSearch() {
+    const searchQuery = document.getElementById('search').value;
+    localStorage.setItem('searchQuery', searchQuery);
+    window.location.href = 'search.html';
+}
+
+window.addEventListener('load', function() {
+    adjustAnchorHeights();
+});
+
+window.addEventListener('resize', adjustAnchorHeights);
+
+function adjustAnchorHeights() {
+    const bottomBarAnchors = document.querySelectorAll('.mobile-bottom-bar a');
+    let maxHeight = 0;
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = 'auto';
+        const anchorHeight = anchor.getBoundingClientRect().height;
+        maxHeight = Math.max(maxHeight, anchorHeight);
+    });
+
+    bottomBarAnchors.forEach(anchor => {
+        anchor.style.height = `${maxHeight}px`;
+    });
+}
+
+let lastScrollY = window.scrollY;
+
+window.addEventListener('scroll', () => {
+    const currentScrollY = window.scrollY;
+
+    if (currentScrollY > lastScrollY && currentScrollY > 0) {
+        document.querySelector('.mobile-bottom-bar').classList.add('hide-bar');
+    }
+    else {
+        document.querySelector('.mobile-bottom-bar').classList.remove('hide-bar');
+    }
+
+    lastScrollY = currentScrollY;
+});
+
+let isAnimating = false;
+
+document.getElementById('menu-btn').addEventListener('click', () => {
+    if (isAnimating) return;
+
+    isAnimating = true;
+
+    const buttonIds = [
+    'chat-button',
+    'settings-btn',
+    'movie-of-the-day-btn',
+    'movie-match-btn3',
+    'movie-timeline-btn',
+    'discussions-btn',
+    'trivia-btn',
+    ];
+
+    buttonIds.forEach((id, index) => {
+        const button = document.getElementById(id);
+        if (button.style.display === 'none' || !button.style.display) {
+            button.style.display = 'block';
+            setTimeout(() => {
+                button.style.opacity = '1';
+                button.style.transform = 'translateY(0)';
+            }, 50 * index);
+        }
+        else {
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        }
+
+        setTimeout(() => {
+            button.style.display = button.style.opacity === '1' ? 'block' : 'none';
+            if (index === buttonIds.length - 1) {
+                isAnimating = false;
+            }
+        }, 500 + 50 * index);
+    });
+});
+
+window.addEventListener('resize', () => {
+    if (window.innerWidth < 767) {
+        const buttonIds = [
+        'chat-button',
+        'settings-btn',
+        'movie-of-the-day-btn',
+        'movie-match-btn3',
+        'movie-timeline-btn',
+        'discussions-btn',
+        'trivia-btn',
+        ];
+
+        buttonIds.forEach(id => {
+            const button = document.getElementById(id);
+            button.style.display = 'none';
+            button.style.opacity = '0';
+            button.style.transform = 'translateY(20px)';
+        });
+    }
+});