$(document).ready(function() {
    const mode_toggle = document.getElementById("light-toggle");

    mode_toggle.addEventListener("click", function() {
        const temp = localStorage.getItem("theme");
        toggleTheme(temp);
    });

    let toggleTheme = (theme) => {
        if (theme == "dark") {
            setTheme("light");
        } else {
            setTheme("dark");
        }
    }

    let setTheme = (theme) =>  {
        trans();
        if (theme) {
            document.documentElement.setAttribute("data-theme", theme)
        }
        else {
            document.documentElement.removeAttribute("data-theme");
        }
        localStorage.setItem("theme", theme);
    };

    let trans = () => {
        document.documentElement.classList.add("transition");
        window.setTimeout(() => {
            document.documentElement.classList.remove("transition")
        }, 500)
    }
});