card/merchant/assets/js/custom-swicher.js

let html = document.querySelector('html');

//Switcher Styles
function switcherEvents() {
    'use strict';

    // LIGHT THEME START
    $(document).on("click", '#myonoffswitch1', function () {
        if (this.checked) {
            $('body').addClass('light-mode');
            $('#myonoffswitch3').prop('checked', true);
            $('#myonoffswitch6').prop('checked', true);
            $('body').removeClass('transparent-mode');
            $('body').removeClass('dark-mode');

            $('body')?.removeClass('color-menu');
            $('body')?.removeClass('gradient-menu');
            $('body')?.removeClass('dark-menu');
            $('body')?.removeClass('color-header');
            $('body')?.removeClass('gradient-header');
            $('body')?.removeClass('dark-header');

            // remove dark theme properties	
            localStorage.removeItem('sashdarkPrimary')

            // remove light theme properties
            localStorage.removeItem('sashprimaryColor')
            localStorage.removeItem('sashprimaryHoverColor')
            localStorage.removeItem('sashprimaryBorderColor')
            document.querySelector('html').style.removeProperty('--primary-bg-color', localStorage.darkPrimary);
            document.querySelector('html').style.removeProperty('--primary-bg-hover', localStorage.darkPrimary);
            document.querySelector('html').style.removeProperty('--primary-bg-border', localStorage.darkPrimary);
            document.querySelector('html').style.removeProperty('--dark-primary', localStorage.darkPrimary);

            // removing dark theme properties
            localStorage.removeItem('sashdarkPrimary')
            localStorage.removeItem('sashtransparentBgColor');
            localStorage.removeItem('sashtransparentThemeColor');
            localStorage.removeItem('sashtransparentPrimary');
            localStorage.removeItem('sashdarkprimaryTransparent');

            localStorage.removeItem('sashcolormenu');
            localStorage.removeItem('sashgradientmenu');
            localStorage.removeItem('sashdarkmenu');
            localStorage.removeItem('sashcolorheader');
            localStorage.removeItem('sashgradientheader');
            localStorage.removeItem('sashdarkheader');


            $('#myonoffswitch1').prop('checked', true);
            $('#myonoffswitch2').prop('checked', false);
            $('#myonoffswitchTransparent').prop('checked', false);
            localStorage.removeItem('sashtransparentBgImgPrimary');
            localStorage.removeItem('sashtransparentBgImgprimaryTransparent');

            checkOptions();
            const root = document.querySelector(':root');
            root.style = "";
            names()
        } else {
            $('body').removeClass('light-mode');
            localStorage.removeItem("sashlight-mode");
        }
        localStorageBackup();
    });
    // LIGHT THEME END

    // DARK THEME START
    $(document).on("click", '#myonoffswitch2', function () {
        if (this.checked) {
            $('body').addClass('dark-mode');

            $('#myonoffswitch5').prop('checked', true);
            $('#myonoffswitch8').prop('checked', true);
            $('body').removeClass('light-mode');
            $('body').removeClass('transparent-mode');

            $('body')?.removeClass('color-menu');
            $('body')?.removeClass('gradient-menu');
            $('body')?.removeClass('light-menu');
            $('body')?.removeClass('color-header');
            $('body')?.removeClass('gradient-header');
            $('body')?.removeClass('header-light');

            // remove light theme properties
            localStorage.removeItem('sashprimaryColor')
            localStorage.removeItem('sashprimaryHoverColor')
            localStorage.removeItem('sashprimaryBorderColor')
            localStorage.removeItem('sashdarkPrimary')
            document.querySelector('html').style.removeProperty('--primary-bg-color', localStorage.darkPrimary);
            document.querySelector('html').style.removeProperty('--primary-bg-hover', localStorage.darkPrimary);
            document.querySelector('html').style.removeProperty('--primary-bg-border', localStorage.darkPrimary);
            document.querySelector('html').style.removeProperty('--dark-primary', localStorage.darkPrimary);

            // removing light theme data 
            localStorage.removeItem('sashprimaryColor')
            localStorage.removeItem('sashprimaryHoverColor')
            localStorage.removeItem('sashprimaryBorderColor')
            localStorage.removeItem('sashprimaryTransparent');

            $('#myonoffswitch1').prop('checked', false);
            $('#myonoffswitch2').prop('checked', true);
            $('#myonoffswitchTransparent').prop('checked', false);
            //
            checkOptions();

            localStorage.removeItem('sashtransparentBgColor');
            localStorage.removeItem('sashtransparentThemeColor');
            localStorage.removeItem('sashtransparentPrimary');
            localStorage.removeItem('sashtransparentBgImgPrimary');
            localStorage.removeItem('sashtransparentBgImgprimaryTransparent');


            localStorage.removeItem('sashcolormenu');
            localStorage.removeItem('sashgradientmenu');
            localStorage.removeItem('sashlightmenu');
            localStorage.removeItem('sashcolorheader');
            localStorage.removeItem('sashgradientheader');
            localStorage.removeItem('sashlightheader');

            const root = document.querySelector(':root');
            root.style = "";
            names()
        } else {
            $('body').removeClass('dark-mode');
            localStorage.removeItem("sashdark-mode");
        }
        localStorageBackup()
    });
    // DARK THEME END

    // TRANSPARENT THEME START
    $(document).on("click", '#myonoffswitchTransparent', function () {
        if (this.checked) {
            $('body').addClass('transparent-mode');
            $('#myonoffswitch3').prop('checked', false);
            $('#myonoffswitch4').prop('checked', false);
            $('#myonoffswitch19').prop('checked', false);
            $('#myonoffswitch6').prop('checked', false);
            $('#myonoffswitch7').prop('checked', false);
            $('#myonoffswitch5').prop('checked', false);
            $('#myonoffswitch8').prop('checked', false);
            $('#myonoffswitch20').prop('checked', false);
            $('body').removeClass('dark-mode');
            $('body').removeClass('light-mode');

            $('body')?.removeClass('color-menu');
            $('body')?.removeClass('light-menu');
            $('body')?.removeClass('dark-menu');
            $('body')?.removeClass('gradient-menu');
            $('body')?.removeClass('color-header');
            $('body')?.removeClass('gradient-header');
            $('body')?.removeClass('header-light');
            $('body')?.removeClass('dark-header');

            // remove light theme properties
            localStorage.removeItem('sashprimaryColor')
            localStorage.removeItem('sashprimaryHoverColor')
            localStorage.removeItem('sashprimaryBorderColor')

            // removing light theme data 
            localStorage.removeItem('sashdarkPrimary');
            localStorage.removeItem('sashprimaryColor')
            localStorage.removeItem('sashprimaryHoverColor')
            localStorage.removeItem('sashprimaryBorderColor')
            localStorage.removeItem('sashprimaryTransparent');
            localStorage.removeItem('sashtransparentPrimary');
            localStorage.removeItem('sashdarkprimaryTransparent');
            localStorage.removeItem('sashtransparentBgImgPrimary');
            localStorage.removeItem('sashtransparentBgImgprimaryTransparent');



            localStorage.removeItem('sashcolormenu');
            localStorage.removeItem('sashgradientmenu');
            localStorage.removeItem('sashdarkmenu');
            localStorage.removeItem('sashlightmenu');
            localStorage.removeItem('sashcolorheader');
            localStorage.removeItem('sashgradientheader');
            localStorage.removeItem('sashdarkheader');
            localStorage.removeItem('sashlightheader');

            $('#myonoffswitch2').prop('checked', false);
            $('#myonoffswitch1').prop('checked', false);
            $('#myonoffswitchTransparent').prop('checked', true);
            //
            checkOptions();

            const root = document.querySelector(':root');
            root.style = "";
            names()
        } else {
            $('body').removeClass('transparent-mode');
            localStorage.removeItem("sashtransparent-mode");
        }
        localStorageBackup()
        $('body').removeClass('bg-img1');
        $('body').removeClass('bg-img2');
        $('body').removeClass('bg-img3');
        $('body').removeClass('bg-img4');
    });
    // TRANSPARENT THEME END

    // BACKGROUND IMAGE STYLE START

    $(document).on("click", '#bgimage1', function () {
        $('body').addClass('bg-img1');
        $('body').removeClass('bg-img2');
        $('body').removeClass('bg-img3');
        $('body').removeClass('bg-img4');

        $('#myonoffswitch3').prop('checked', false);
        $('#myonoffswitch4').prop('checked', false);
        $('#myonoffswitch19').prop('checked', false);
        $('#myonoffswitch6').prop('checked', false);
        $('#myonoffswitch7').prop('checked', false);
        $('#myonoffswitch5').prop('checked', false);
        $('#myonoffswitch8').prop('checked', false);
        $('#myonoffswitch20').prop('checked', false);

        $('body')?.removeClass('color-menu');
        $('body')?.removeClass('light-menu');
        $('body')?.removeClass('dark-menu');
        $('body')?.removeClass('gradient-menu');
        $('body')?.removeClass('color-header');
        $('body')?.removeClass('gradient-header');
        $('body')?.removeClass('header-light');
        $('body')?.removeClass('dark-header');

        document.querySelector('body').classList.add('transparent-mode');
        document.querySelector('body').classList.remove('light-mode');
        document.querySelector('body').classList.remove('dark-mode');

        $('#myonoffswitch2').prop('checked', false);
        $('#myonoffswitch1').prop('checked', false);
        $('#myonoffswitchTransparent').prop('checked', true);

        checkOptions();
    })

    $(document).on("click", '#bgimage2', function () {
        $('body').addClass('bg-img2');
        $('body').removeClass('bg-img1');
        $('body').removeClass('bg-img3');
        $('body').removeClass('bg-img4');

        $('#myonoffswitch3').prop('checked', false);
        $('#myonoffswitch4').prop('checked', false);
        $('#myonoffswitch19').prop('checked', false);
        $('#myonoffswitch6').prop('checked', false);
        $('#myonoffswitch7').prop('checked', false);
        $('#myonoffswitch5').prop('checked', false);
        $('#myonoffswitch8').prop('checked', false);
        $('#myonoffswitch20').prop('checked', false);

        $('body')?.removeClass('color-menu');
        $('body')?.removeClass('light-menu');
        $('body')?.removeClass('dark-menu');
        $('body')?.removeClass('gradient-menu');
        $('body')?.removeClass('color-header');
        $('body')?.removeClass('gradient-header');
        $('body')?.removeClass('header-light');
        $('body')?.removeClass('dark-header');

        document.querySelector('body').classList.add('transparent-mode');
        document.querySelector('body').classList.remove('light-mode');
        document.querySelector('body').classList.remove('dark-mode');

        $('#myonoffswitch2').prop('checked', false);
        $('#myonoffswitch1').prop('checked', false);
        $('#myonoffswitchTransparent').prop('checked', true);

        checkOptions();
    })

    $(document).on("click", '#bgimage3', function () {
        $('body').addClass('bg-img3');
        $('body').removeClass('bg-img1');
        $('body').removeClass('bg-img2');
        $('body').removeClass('bg-img4');

        $('#myonoffswitch3').prop('checked', false);
        $('#myonoffswitch4').prop('checked', false);
        $('#myonoffswitch19').prop('checked', false);
        $('#myonoffswitch6').prop('checked', false);
        $('#myonoffswitch7').prop('checked', false);
        $('#myonoffswitch5').prop('checked', false);
        $('#myonoffswitch8').prop('checked', false);
        $('#myonoffswitch20').prop('checked', false);

        $('body')?.removeClass('color-menu');
        $('body')?.removeClass('light-menu');
        $('body')?.removeClass('dark-menu');
        $('body')?.removeClass('gradient-menu');
        $('body')?.removeClass('color-header');
        $('body')?.removeClass('gradient-header');
        $('body')?.removeClass('header-light');
        $('body')?.removeClass('dark-header');

        document.querySelector('body').classList.add('transparent-mode');
        document.querySelector('body').classList.remove('light-mode');
        document.querySelector('body').classList.remove('dark-mode');

        $('#myonoffswitch2').prop('checked', false);
        $('#myonoffswitch1').prop('checked', false);
        $('#myonoffswitchTransparent').prop('checked', true);

        checkOptions();
    })

    $(document).on("click", '#bgimage4', function () {
        $('body').addClass('bg-img4');
        $('body').removeClass('bg-img1');
        $('body').removeClass('bg-img2');
        $('body').removeClass('bg-img3');

        $('#myonoffswitch3').prop('checked', false);
        $('#myonoffswitch4').prop('checked', false);
        $('#myonoffswitch19').prop('checked', false);
        $('#myonoffswitch6').prop('checked', false);
        $('#myonoffswitch7').prop('checked', false);
        $('#myonoffswitch5').prop('checked', false);
        $('#myonoffswitch8').prop('checked', false);
        $('#myonoffswitch20').prop('checked', false);

        $('body')?.removeClass('color-menu');
        $('body')?.removeClass('light-menu');
        $('body')?.removeClass('dark-menu');
        $('body')?.removeClass('gradient-menu');
        $('body')?.removeClass('color-header');
        $('body')?.removeClass('gradient-header');
        $('body')?.removeClass('header-light');
        $('body')?.removeClass('dark-header');

        document.querySelector('body').classList.add('transparent-mode');
        document.querySelector('body').classList.remove('light-mode');
        document.querySelector('body').classList.remove('dark-mode');
        $('#myonoffswitch2').prop('checked', false);
        $('#myonoffswitch1').prop('checked', false);
        $('#myonoffswitchTransparent').prop('checked', true);

        checkOptions();
    })

    // BACKGROUND IMAGE STYLE END

    // RTL STYLE START
    $(document).on("click", '#myonoffswitch24', function () {
        if (this.checked) {
            $('body').addClass('rtl');

            $('#slide-left').removeClass('d-none');
            $('#slide-right').removeClass('d-none');
            $("html[lang=en]").attr("dir", "rtl");
            $('body').removeClass('ltr');
            $("head link#style").attr("href", $(this));
            (document.getElementById("style").setAttribute("href", "../assets/plugins/bootstrap/css/bootstrap.rtl.min.css"));
            var carousel = $('.owl-carousel');
            $.each(carousel, function (index, element) {
                // element == this
                var carouselData = $(element).data('owl.carousel');
                carouselData.settings.rtl = true; //don't know if both are necessary
                carouselData.options.rtl = true;
                $(element).trigger('refresh.owl.carousel');
            });
            localStorage.setItem('sashrtl', true)
            localStorage.removeItem('sashltr')
        }
    });
    // RTL STYLE END

    // LTR STYLE START
    $(document).on("click", '#myonoffswitch23', function () {
        if (this.checked) {
            $('body').addClass('ltr');

            $('#slide-left').removeClass('d-none');
            $('#slide-right').removeClass('d-none');
            $("html[lang=en]").attr("dir", "ltr");
            $('body').removeClass('rtl');
            $("head link#style").attr("href", $(this));
            (document.getElementById("style").setAttribute("href", "../assets/plugins/bootstrap/css/bootstrap.min.css"));
            var carousel = $('.owl-carousel');
            $.each(carousel, function (index, element) {
                // element == this
                var carouselData = $(element).data('owl.carousel');
                carouselData.settings.rtl = false; //don't know if both are necessary
                carouselData.options.rtl = false;
                $(element).trigger('refresh.owl.carousel');
            });
            localStorage.setItem('sashltr', true)
            localStorage.removeItem('sashrtl')
        }
    });
    // LTR STYLE END

    // Vertical
    $(document).on("click", '#myonoffswitch34', function () {
        if (this.checked) {
            ActiveSubmenu();
            $('body').removeClass('horizontal');
            $('body').removeClass('horizontal-hover');
            $(".main-content").removeClass("hor-content");
            $(".main-content").addClass("app-content");
            $(".main-container").removeClass("container");
            $(".main-container").addClass("container-fluid");
            $(".app-header").removeClass("hor-header");
            $(".hor-header").addClass("app-header");
            $(".app-sidebar").removeClass("horizontal-main")
            $(".main-sidemenu").removeClass("container")
            $(".slide-menu").removeClass("ps")
            $(".slide-menu").removeClass("ps--active-y")
            $('#slide-left').removeClass('d-none');
            $('#slide-right').removeClass('d-none');
            $('body').addClass('sidebar-mini');
            $('body').removeClass('default-logo');
            $('body').removeClass('center-logo');

            localStorage.setItem("sashvertical", true);
            localStorage.removeItem("sashhorizontal");
            localStorage.removeItem("sashhorizontalHover");
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashdoublemenutabs");
            localStorage.removeItem("sashdefaultlogo");
            localStorage.removeItem("sashcenterlogo");
            responsive();

            if (!(document.querySelector('.icontext-menu') !== null)) {
                hovermenu();
            }

        } else {
            $('body').removeClass('sidebar-mini');
            localStorage.setItem("sashsidebar-mini", "False");
        }
    });
    // Vertical END

    // HORIZONTAL
    $(document).on("click", '#myonoffswitch35', function () {
        if (this.checked) {
            if (!document.querySelector('.login-img')) {
                ActiveSubmenu();
                checkHoriMenu();
                responsive();
                menuClick();
            }
            if (window.innerWidth >= 992) {
                let li = document.querySelectorAll('.side-menu li')
                li.forEach((e, i) => {
                    e.classList.remove('is-expanded')
                })
                var animationSpeed = 300;
                // first level
                var parent = $("[data-bs-toggle='sub-slide']").parents('ul');
                var ul = parent.find('ul:visible').slideUp(animationSpeed);
                ul.removeClass('open');
                var parent1 = $("[data-bs-toggle='sub-slide2']").parents('ul');
                var ul1 = parent1.find('ul:visible').slideUp(animationSpeed);
                ul1.removeClass('open');
            }
            $('body').addClass('horizontal');
            $(".main-content").addClass("hor-content");
            $(".main-content").removeClass("app-content");
            $(".main-container").addClass("container");
            $(".main-container").removeClass("container-fluid");
            $(".app-header").addClass("hor-header");
            $(".hor-header").removeClass("app-header");
            $(".app-sidebar").addClass("horizontal-main")
            $(".main-sidemenu").addClass("container")
            $('body').removeClass('sidebar-mini');
            $('body').removeClass('sidenav-toggled');
            $('body').removeClass('horizontal-hover');
            $('body').removeClass('default-menu');
            $('body').removeClass('icontext-menu');
            $('body').removeClass('icon-overlay');
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('hover-submenu');
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('double-menu-tabs');
            $('body').removeClass('double-menu');
            // // To enable no-wrap horizontal style
            $('#slide-left').removeClass('d-none');
            $('#slide-right').removeClass('d-none');
            localStorage.setItem("sashhorizontal", true);
            localStorage.removeItem("sashvertical");
            localStorage.removeItem("sashhorizontalHover");
            localStorage.removeItem("sashdefaultmenu");
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashdoublemenutabs");
            $('#default-logo').prop('checked', true);

            document.querySelector('.horizontal .side-menu')?.classList.add('flex-nowrap')
            // To enable wrap horizontal style
            // $('#slide-left').addClass('d-none');
            // $('#slide-right').addClass('d-none');
            // document.querySelector('.horizontal .side-menu').style.flexWrap = 'wrap'

        }
    });
    // HORIZONTAL END

    // HORIZONTAL HOVER
    $(document).on("click", '#myonoffswitch111', function () {
        if (this.checked) {
            if (!document.querySelector('.login-img')) {
                checkHoriMenu();
                responsive();
            }
            if (window.innerWidth >= 992) {
                let li = document.querySelectorAll('.side-menu li')
                li.forEach((e, i) => {
                    e.classList.remove('is-expanded')
                })
                var animationSpeed = 300;
                // first level
                var parent = $("[data-bs-toggle='sub-slide']").parents('ul');
                var ul = parent.find('ul:visible').slideUp(animationSpeed);
                ul.removeClass('open');
                var parent1 = $("[data-bs-toggle='sub-slide2']").parents('ul');
                var ul1 = parent1.find('ul:visible').slideUp(animationSpeed);
                ul1.removeClass('open');
            }
            $('body').addClass('horizontal-hover');
            $('body').addClass('horizontal');
            // $('#slide-left').addClass('d-none');
            // $('#slide-right').addClass('d-none');
            // document.querySelector('.horizontal .side-menu').style.flexWrap = 'wrap'
            $('#slide-left').addClass('d-none');
            $('#slide-right').addClass('d-none');
            document.querySelector('.horizontal .side-menu')?.classList.add('flex-nowrap')
            $(".main-content").addClass("hor-content");
            $(".main-content").removeClass("app-content");
            $(".main-container").addClass("container");
            $(".main-container").removeClass("container-fluid");
            $(".app-header").addClass("hor-header");
            $(".app-header").removeClass("app-header");
            $(".app-sidebar").addClass("horizontal-main")
            $(".main-sidemenu").addClass("container")
            $('body').removeClass('sidebar-mini');
            $('body').removeClass('sidenav-toggled');
            $('body').removeClass('default-menu');
            $('body').removeClass('icontext-menu');
            $('body').removeClass('icon-overlay');
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('hover-submenu');
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('double-menu-tabs');
            $('body').removeClass('double-menu');

            localStorage.setItem("sashhorizontalHover", true);
            localStorage.removeItem("sashvertical");
            localStorage.removeItem("sashhorizontal");
            localStorage.removeItem("sashdefaultmenu");
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashdoublemenutabs");

            $('#default-logo').prop('checked', true);
        }
    });
    // HORIZONTAL HOVER END

    // DEFAULT SIDEMENU START
    $(document).on("click", '#myonoffswitch13', function () {
        if (this.checked) {
            $('body').addClass('default-menu');
            $('body').removeClass('sidenav-toggled');
            hovermenu();
            $('body').removeClass('icontext-menu');
            $('body').removeClass('icon-overlay');
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('hover-submenu');
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('double-menu-tabs');
            $('body').removeClass('double-menu');
            $('body').removeClass('center-logo');
            $('body').removeClass('default-logo');
            localStorage.setItem("sashdefaultmenu", true);
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashdoublemenutabs");
            localStorage.removeItem("sashcenterlogo");
            localStorage.removeItem("sashdefaultlogo");
        } else {
            $('body').removeClass('default-menu');
        }
    });
    // DEFAULT SIDEMENU END

    // ICON OVERLAY SIDEMENU START
    $(document).on("click", '#myonoffswitch15', function () {
        if (this.checked) {
            $('body').addClass('icon-overlay');
            hovermenu();
            iconoverlay();
            $('body').addClass('sidenav-toggled');
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('default-menu');
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('hover-submenu');
            $('body').removeClass('icontext-menu');
            $('body').removeClass('double-menu-tabs');
            $('body').removeClass('double-menu');
            $('body').removeClass('center-logo');
            $('body').removeClass('default-logo');
            localStorage.setItem("sashsideiconmenu", true);
            localStorage.removeItem("sashdefaultmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashdoublemenutabs");
            localStorage.removeItem("sashcenterlogo");
            localStorage.removeItem("sashdefaultlogo");
        } else {
            $('body').removeClass('icon-overlay');
            $('body').removeClass('sidenav-toggled');
        }
    });
    // ICON OVERLAY SIDEMENU END

    // ICONTEXT SIDEMENU START
    $(document).on("click", '#myonoffswitch14', function () {
        if (this.checked) {
            $('body').addClass('icontext-menu');
            icontext();
            $('body').addClass('sidenav-toggled');
            $('body').removeClass('icon-overlay');
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('default-menu');
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('hover-submenu');
            $('body').removeClass('double-menu-tabs');
            $('body').removeClass('double-menu');
            $('body').removeClass('center-logo');
            $('body').removeClass('default-logo');
            localStorage.setItem("sashicontextmenu", true);
            localStorage.removeItem("sashdefaultmenu");
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashdoublemenutabs");
            localStorage.removeItem("sashcenterlogo");
            localStorage.removeItem("sashdefaultlogo");
        } else {
            $('body').removeClass('icontext-menu');
            $('body').removeClass('sidenav-toggled');
        }
    });
    // ICONTEXT SIDEMENU END

    // CLOSED SIDEMENU START
    $(document).on("click", '#myonoffswitch16', function () {
        if (this.checked) {
            $('body').addClass('closed-leftmenu');
            $('body').addClass('sidenav-toggled');
            $('body').removeClass('default-menu');
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('hover-submenu');
            $('body').removeClass('icon-overlay');
            $('body').removeClass('icontext-menu');
            $('body').removeClass('double-menu-tabs');
            $('body').removeClass('double-menu');
            $('body').removeClass('center-logo');
            $('body').removeClass('default-logo');
            localStorage.setItem("sashclosedmenu", true);
            localStorage.removeItem("sashdefaultmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashdoublemenutabs");
            localStorage.removeItem("sashcenterlogo");
            localStorage.removeItem("sashdefaultlogo");

        } else {
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('sidenav-toggled');
            $('body').addClass('default-menu');
        }
    });
    // CLOSED SIDEMENU END

    // HOVER SUBMENU START
    $(document).on("click", '#myonoffswitch17', function () {
        if (this.checked) {
            $('body').addClass('hover-submenu');
            hovermenu();
            $('body').addClass('sidenav-toggled');
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('default-menu');
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('icon-overlay');
            $('body').removeClass('icontext-menu');
            $('.app-sidebar').removeClass('sidemenu-scroll');
            $('body').removeClass('double-menu-tabs');
            $('body').removeClass('double-menu');
            $('body').removeClass('center-logo');
            $('body').removeClass('default-logo');
            localStorage.setItem("sashhoversubmenu", true);
            localStorage.removeItem("sashdefaultmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashdoublemenutabs");
            localStorage.removeItem("sashcenterlogo");
            localStorage.removeItem("sashdefaultlogo");
        } else {
            $('body').removeClass('hover-submenu');
            $('body').removeClass('sidenav-toggled');
        }
    });
    // HOVER SUBMENU END

    // HOVER SUBMENU STYLE-1 START
    $(document).on("click", '#myonoffswitch18', function () {
        if (this.checked) {
            $('body').addClass('hover-submenu1');
            hovermenu();
            $('body').addClass('sidenav-toggled');
            $('body').removeClass('hover-submenu');
            $('body').removeClass('default-menu');
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('icon-overlay');
            $('body').removeClass('icontext-menu');
            $('.app-sidebar').removeClass('sidemenu-scroll');
            $('body').removeClass('double-menu-tabs');
            $('body').removeClass('double-menu');
            $('body').removeClass('center-logo');
            $('body').removeClass('default-logo');
            localStorage.setItem("sashhoversubmenu1", true);
            localStorage.removeItem("sashdefaultmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashdoublemenutabs");
            localStorage.removeItem("sashcenterlogo");
            localStorage.removeItem("sashdefaultlogo");
        } else {
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('sidenav-toggled');
        }
    });
    // HOVER SUBMENU STYLE-1 END

    //  DOUBLEMENU STYLE START
    $(document).on("click", '#doublemenu-switch', function () {
        if (this.checked) {
            $('body').addClass('double-menu');
            doubleLayoutFn();
            $('body').removeClass('sidenav-toggled-open');
            $('body').removeClass('double-menu-tabs');
            $('body').removeClass('hover-submenu');
            $('body').removeClass('default-menu');
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('icon-overlay');
            $('body').removeClass('icontext-menu');
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('center-logo');
            $('body').removeClass('default-logo');
            localStorage.setItem("sashdoublemenu", true);
            localStorage.removeItem("sashdefaultmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenutabs");
            localStorage.removeItem("sashcenterlogo");
            localStorage.removeItem("sashdefaultlogo");
        } else {
            $('body').removeClass('double-menu');
        }
    });
    //  DOUBLEMENU STYLE END

    //  DOUBLEMENU STYLE1 START
    $(document).on("click", '#doublemenu-switch1', function () {
        if (this.checked) {
            $('body').addClass('double-menu-tabs');
            doubleLayoutFn();
            $('body').removeClass('sidenav-toggled-open');
            $('body').removeClass('double-menu');
            $('body').removeClass('hover-submenu');
            $('body').removeClass('default-menu');
            $('body').removeClass('closed-leftmenu');
            $('body').removeClass('icon-overlay');
            $('body').removeClass('icontext-menu');
            $('body').removeClass('hover-submenu1');
            $('body').removeClass('center-logo');
            $('body').removeClass('default-logo');
            localStorage.setItem("sashdoublemenutabs", true);
            localStorage.removeItem("sashdefaultmenu");
            localStorage.removeItem("sashicontextmenu");
            localStorage.removeItem("sashsideiconmenu");
            localStorage.removeItem("sashclosedmenu");
            localStorage.removeItem("sashhoversubmenu");
            localStorage.removeItem("sashhoversubmenu1");
            localStorage.removeItem("sashdoublemenu");
            localStorage.removeItem("sashcenterlogo");
            localStorage.removeItem("sashdefaultlogo");
        } else {
            $('body').removeClass('double-menu-tabs');
        }
    });
    //  DOUBLEMENU STYLE1 END


    //  Default Logo Start
    $(document).on("click", '#default-logo', function () {
        if (this.checked) {
            $('body').addClass('default-logo');
            $('body').removeClass('center-logo');
            localStorage.setItem("sashdefaultlogo", true);
            localStorage.removeItem("sashcenterlogo");
        }
    });
    //  Default Logo End

    //  Center Logo Start
    $(document).on("click", '#center-logo', function () {
        if (this.checked) {
            $('body').addClass('center-logo');
            $('body').removeClass('default-logo');
            localStorage.setItem("sashcenterlogo", true);
            localStorage.removeItem("sashdefaultlogo");
        }
    });
    //  Center Logo End


    // LIGHT LEFTMENU START
    $(document).on("click", '#myonoffswitch3', function () {
        if (this.checked) {
            $('body').addClass('light-menu');
            $('body').removeClass('color-menu');
            $('body').removeClass('dark-menu');
            $('body').removeClass('gradient-menu');
            localStorage.setItem("sashlightmenu", true);
            localStorage.removeItem("sashcolormenu");
            localStorage.removeItem("sashdarkmenu");
            localStorage.removeItem("sashgradientmenu");
        } else {
            $('body').removeClass('light-menu');
        }
    });
    // LIGHT LEFTMENU END

    // COLOR LEFTMENU START
    $(document).on("click", '#myonoffswitch4', function () {
        if (this.checked) {
            $('body').addClass('color-menu');
            $('body').removeClass('light-menu');
            $('body').removeClass('dark-menu');
            $('body').removeClass('gradient-menu');
            localStorage.setItem("sashcolormenu", true);
            localStorage.removeItem("sashlightmenu");
            localStorage.removeItem("sashdarkmenu");
            localStorage.removeItem("sashgradientmenu");
        } else {
            $('body').removeClass('color-menu');
        }
    });
    // COLOR LEFTMENU END

    // DARK LEFTMENU START
    $(document).on("click", '#myonoffswitch5', function () {
        if (this.checked) {
            $('body').addClass('dark-menu');
            $('body').removeClass('color-menu');
            $('body').removeClass('light-menu');
            $('body').removeClass('gradient-menu');
            localStorage.setItem("sashdarkmenu", true);
            localStorage.removeItem("sashlightmenu");
            localStorage.removeItem("sashcolormenu");
            localStorage.removeItem("sashgradientmenu");
        } else {
            $('body').removeClass('dark-menu');
        }
    });
    // DARK LEFTMENU END

    // GRADIENT LEFTMENU START
    $(document).on("click", '#myonoffswitch19', function () {
        if (this.checked) {
            $('body').addClass('gradient-menu');
            $('body').removeClass('color-menu');
            $('body').removeClass('light-menu');
            $('body').removeClass('dark-menu');
            localStorage.setItem("sashgradientmenu", true);
            localStorage.removeItem("sashlightmenu");
            localStorage.removeItem("sashcolormenu");
            localStorage.removeItem("sashdarkmenu");
        } else {
            $('body').removeClass('gradient-menu');
        }
    });
    // GRADIENT LEFTMENU END

    // LIGHT HEADER START
    $(document).on("click", '#myonoffswitch6', function () {
        if (this.checked) {
            $('body').addClass('header-light');
            $('body').removeClass('color-header');
            $('body').removeClass('dark-header');
            $('body').removeClass('gradient-header');
            localStorage.setItem("sashlightheader", true);
            localStorage.removeItem("sashcolorheader");
            localStorage.removeItem("sashdarkheader");
            localStorage.removeItem("sashgradientheader");
        } else {
            $('body').removeClass('header-light');
        }
    });
    // LIGHT HEADER END

    // COLOR HEADER START
    $(document).on("click", '#myonoffswitch7', function () {
        if (this.checked) {
            $('body').addClass('color-header');
            $('body').removeClass('header-light');
            $('body').removeClass('dark-header');
            $('body').removeClass('gradient-header');
            localStorage.setItem("sashcolorheader", true);
            localStorage.removeItem("sashlightheader");
            localStorage.removeItem("sashdarkheader");
            localStorage.removeItem("sashgradientheader");
        } else {
            $('body').removeClass('color-header');
        }
    });
    // COLOR HEADER END

    // DARK HEADER START
    $(document).on("click", '#myonoffswitch8', function () {
        if (this.checked) {
            $('body').addClass('dark-header');
            $('body').removeClass('color-header');
            $('body').removeClass('header-light');
            $('body').removeClass('gradient-header');
            localStorage.setItem("sashdarkheader", true);
            localStorage.removeItem("sashlightheader");
            localStorage.removeItem("sashcolorheader");
            localStorage.removeItem("sashgradientheader");
        } else {
            $('body').removeClass('dark-header');
        }
    });
    // DARK HEADER END

    // GRADIENT HEADER START
    $(document).on("click", '#myonoffswitch20', function () {
        if (this.checked) {
            $('body').addClass('gradient-header');
            $('body').removeClass('color-header');
            $('body').removeClass('header-light');
            $('body').removeClass('dark-header');
            localStorage.setItem("sashgradientheader", true);
            localStorage.removeItem("sashlightheader");
            localStorage.removeItem("sashcolorheader");
            localStorage.removeItem("sashdarkheader");
        } else {
            $('body').removeClass('gradient-header');
        }
    });
    // GRADIENT HEADER END

    // FULL WIDTH LAYOUT START
    $(document).on("click", '#myonoffswitch9', function () {
        if (this.checked) {
            $('body').addClass('layout-fullwidth');
            $('body').removeClass('layout-boxed');
            localStorage.setItem("sashfullwidth", true);
            localStorage.removeItem("sashboxedwidth");
            checkHoriMenu();
        } else {
            $('body').removeClass('layout-fullwidth');
        }
    });
    // FULL WIDTH LAYOUT END

    // BOXED LAYOUT START
    $(document).on("click", '#myonoffswitch10', function () {
        if (this.checked) {
            $('body').addClass('layout-boxed');
            $('body').removeClass('layout-fullwidth');
            localStorage.setItem("sashboxedwidth", true);
            localStorage.removeItem("sashfullwidth");
            checkHoriMenu();
        } else {
            $('body').removeClass('layout-boxed');
        }
    });
    // BOXED LAYOUT END

    // HEADER POSITION STYLES START
    $(document).on("click", '#myonoffswitch11', function () {
        if (this.checked) {
            $('body').addClass('fixed-layout');
            $('body').removeClass('scrollable-layout');
            localStorage.setItem("sashfixed", true);
            localStorage.removeItem("sashscrollable");
        } else {
            $('body').removeClass('fixed-layout');
        }
    });
    $(document).on("click", '#myonoffswitch12', function () {
        if (this.checked) {
            $('body').addClass('scrollable-layout');
            $('body').removeClass('fixed-layout');
            localStorage.setItem("sashscrollable", true);
            localStorage.removeItem("sashfixed");
        } else {
            $('body').removeClass('scrollable-layout');
        }
    });
    // HEADER POSITION STYLES END


}
switcherEvents();

//######## SWITCHER STYLES ######## //


// ***** Horizontal Click Menu ***** //

// $('body').addClass('horizontal');


// ***** Horizontal Hover Menu ***** //

// $('body').addClass('horizontal-hover');

// ***** Horizontal center-logo  ***** //
// $('body').addClass('center-logo');


/******* Theme Style ********/

// $('body').addClass('light-mode');
// $('body').addClass('dark-mode');
// $('body').addClass('transparent-mode');

/******* RTL VERSION *******/

// $('body').addClass('rtl');


// Sidemenu layout Styles //

// ***** Icon with Text *****//
// $('body').addClass('icontext-menu');
// $('body').addClass('sidenav-toggled');
// if(document.querySelector('.icontext-menu').firstElementChild.classList.contains('login-img') !== true){
// icontext();
// }

// ***** Icon Overlay ***** //
// $('body').addClass('icon-overlay');
// $('body').addClass('sidenav-toggled');

// ***** closed-leftmenu ***** //
// $('body').addClass('closed-leftmenu');
// $('body').addClass('sidenav-toggled')

// ***** hover-submenu ***** //
// $('body').addClass('hover-submenu');
// $('body').addClass('sidenav-toggled')
// if(document.querySelector('.hover-submenu').firstElementChild.classList.contains('login-img') !== true){
// hovermenu();
// }

// ***** hover-submenu style 1 ***** //
// $('body').addClass('hover-submenu1');
// $('body').addClass('sidenav-toggled')
// if(document.querySelector('.hover-submenu1').firstElementChild.classList.contains('login-img') !== true){
// hovermenu();
// }

// ***** double-menu style  ***** //
// $('body').addClass('double-menu ');
// if(document.querySelector('.double-menu ').firstElementChild.classList.contains('login-img') !== true){
// doubleLayoutFn();
// }


// *****double-menu-tabs style  ***** //
// $('body').addClass('double-menu-tabs');
// if(document.querySelector('.double-menu-tabs').firstElementChild.classList.contains('login-img') !== true){
// doubleLayoutFn();
// }


/******** *Header-Position Styles Start* ********/

// $('body').addClass('fixed-layout');
// $('body').addClass('scrollable-layout');


/******* Full Width Layout Start ********/

// $('body').addClass('layout-fullwidth');
// $('body').addClass('layout-boxed');


/******* Header Styles ********/

// $('body').addClass('header-light');
// $('body').addClass('color-header');
// $('body').addClass('dark-header');
// $('body').addClass('gradient-header');

/******* Menu Styles ********/

// $('body').addClass('light-menu');
// $('body').addClass('color-menu');
// $('body').addClass('dark-menu');
// $('body').addClass('gradient-menu');



/******* Transparent Bg-Image Style *******/

// Bg-Image1 Style
// $('body').addClass('bg-img1');
// $('body').addClass('transparent-mode');
// $('body').removeClass('light-mode');
// $('body').removeClass('dark-mode');

// Bg-Image2 Style
// $('body').addClass('bg-img2');
// $('body').addClass('transparent-mode');
// $('body').removeClass('light-mode');
// $('body').removeClass('dark-mode');

// Bg-Image3 Style
// $('body').addClass('bg-img3');
// $('body').addClass('transparent-mode');
// $('body').removeClass('light-mode');
// $('body').removeClass('dark-mode');

// Bg-Image4 Style
// $('body').addClass('bg-img4');
// $('body').addClass('transparent-mode');
// $('body').removeClass('light-mode');
// $('body').removeClass('dark-mode');


(function () {
    "use strict";
    /***************** Horizontal has Class *********************/
    let bodyhorizontal = $('body').hasClass('horizontal');
    if (bodyhorizontal) {
        if (!document.querySelector('.login-img')) {
            ActiveSubmenu();
            checkHoriMenu();
            responsive();
            menuClick();
        }
        $('body').addClass('horizontal');
        $(".main-content").addClass("hor-content");
        $(".main-content").removeClass("app-content");
        $(".main-container").addClass("container");
        $(".main-container").removeClass("container-fluid");
        $(".app-header").addClass("hor-header");
        $(".hor-header").removeClass("app-header");
        $(".app-sidebar").addClass("horizontal-main")
        $(".main-sidemenu").addClass("container")
        $('body').removeClass('sidebar-mini');
        $('body').removeClass('sidenav-toggled');
        $('body').removeClass('horizontal-hover');
        $('body').removeClass('default-menu');
        $('body').removeClass('icontext-menu');
        $('body').removeClass('icon-overlay');
        $('body').removeClass('closed-leftmenu');
        $('body').removeClass('hover-submenu');
        $('body').removeClass('hover-submenu1');
        $('body').removeClass('double-menu-tabs');
        $('body').removeClass('double-menu');
        // // To enable no-wrap horizontal style
        $('#slide-left').removeClass('d-none');
        $('#slide-right').removeClass('d-none');
        document.querySelector('.horizontal .side-menu')?.classList.add('flex-nowrap')
        // To enable wrap horizontal style
        // $('#slide-left').addClass('d-none');
        // $('#slide-right').addClass('d-none');
        // document.querySelector('.horizontal .side-menu').style.flexWrap = 'wrap'
        setTimeout(() => {
            if (window.innerWidth >= 992) {
                let li = document.querySelectorAll('.side-menu li')
                li.forEach((e, i) => {
                    e.classList.remove('is-expanded')
                })
                var animationSpeed = 300;
                // first level
                var parent = $("[data-bs-toggle='sub-slide']").parents('ul');
                var ul = parent.find('ul:visible').slideUp(animationSpeed);
                ul.removeClass('open');
                var parent1 = $("[data-bs-toggle='sub-slide2']").parents('ul');
                var ul1 = parent1.find('ul:visible').slideUp(animationSpeed);
                ul1.removeClass('open');
            }
        }, 200)
    }
    /***************** Horizontal has Class *********************/

    /***************** Light Mode *********************/
    function light() {
        "use strict";
        if (document.querySelector('body').classList.contains('light-mode')) {
            $('#myonoffswitch3').prop('checked', true);
            $('#myonoffswitch6').prop('checked', true);
        }
    }
    light();

    /***************** Light Mode *********************/

    /***************** Horizontal Hover has Class *********************/
    let bodyhorizontalHover = $('body').hasClass('horizontal-hover');
    if (bodyhorizontalHover) {
        if (!document.querySelector('.login-img')) {
            checkHoriMenu();
            responsive();
        }
        $('body').addClass('horizontal-hover');
        $('body').addClass('horizontal');
        // $('#slide-left').addClass('d-none');
        // $('#slide-right').addClass('d-none');
        // document.querySelector('.horizontal .side-menu').style.flexWrap = 'wrap'
        $('#slide-left').addClass('d-none');
        $('#slide-right').addClass('d-none');
        document.querySelector('.horizontal .side-menu')?.classList.add('flex-nowrap')
        $(".main-content").addClass("hor-content");
        $(".main-content").removeClass("app-content");
        $(".main-container").addClass("container");
        $(".main-container").removeClass("container-fluid");
        $(".app-header").addClass("hor-header");
        $(".app-header").removeClass("app-header");
        $(".app-sidebar").addClass("horizontal-main")
        $(".main-sidemenu").addClass("container")
        $('body').removeClass('sidebar-mini');
        $('body').removeClass('sidenav-toggled');
        $('body').removeClass('default-menu');
        $('body').removeClass('icontext-menu');
        $('body').removeClass('icon-overlay');
        $('body').removeClass('closed-leftmenu');
        $('body').removeClass('hover-submenu');
        $('body').removeClass('hover-submenu1');
        $('body').removeClass('double-menu-tabs');
        $('body').removeClass('double-menu');
        setTimeout(() => {
            if (window.innerWidth >= 992) {
                let li = document.querySelectorAll('.side-menu li')
                li.forEach((e, i) => {
                    e.classList.remove('is-expanded')
                })
                var animationSpeed = 300;
                // first level
                var parent = $("[data-bs-toggle='sub-slide']").parents('ul');
                var ul = parent.find('ul:visible').slideUp(animationSpeed);
                ul.removeClass('open');
                var parent1 = $("[data-bs-toggle='sub-slide2']").parents('ul');
                var ul1 = parent1.find('ul:visible').slideUp(animationSpeed);
                ul1.removeClass('open');
            }
        }, 200)
    }
    /***************** Horizontal Hover has Class *********************/

    /***************** RTL has Class *********************/
    let bodyRtl = $('body').hasClass('rtl');
    if (bodyRtl) {
        $('body').addClass('rtl');

        $('#slide-left').removeClass('d-none');
        $('#slide-right').removeClass('d-none');
        $("html[lang=en]").attr("dir", "rtl");
        $('body').removeClass('ltr');
        $("head link#style").attr("href", $(this));
        (document.getElementById("style").setAttribute("href", "../assets/plugins/bootstrap/css/bootstrap.rtl.min.css"));
        var carousel = $('.owl-carousel');
        $.each(carousel, function (index, element) {
            // element == this
            var carouselData = $(element).data('owl.carousel');
            carouselData.settings.rtl = true; //don't know if both are necessary
            carouselData.options.rtl = true;
            $(element).trigger('refresh.owl.carousel');
        });
    }
    /***************** RTL has Class *********************/

    /***************** CLOSEDMENU has Class *********************/
    let bodyclosed = $('body').hasClass('closed-leftmenu');
    if (bodyclosed) {
        $('body').addClass('closed-leftmenu');
        if (!(document.querySelector('body').classList.contains('login-img'))) {
            hovermenu();
        }
        $('body').addClass('sidenav-toggled');
    }
    /***************** CLOSEDMENU has Class *********************/

    /***************** ICONTEXT MENU has Class *********************/
    let bodyicontext = $('body').hasClass('icontext-menu');
    if (bodyicontext) {
        $('body').addClass('icontext-menu');
        if (!(document.querySelector('body').classList.contains('login-img'))) {
            icontext();
        }
        $('body').addClass('sidenav-toggled');
    }
    /***************** ICONTEXT MENU has Class *********************/

    /***************** ICONOVERLAY MENU has Class *********************/
    let bodyiconoverlay = $('body').hasClass('icon-overlay');
    if (bodyiconoverlay) {
        $('body').addClass('icon-overlay');
        if (!(document.querySelector('body').classList.contains('login-img'))) {
            hovermenu();
            iconoverlay();
        }
        $('body').addClass('sidenav-toggled');
    }
    /***************** ICONOVERLAY MENU has Class *********************/

    /***************** HOVER-SUBMENU has Class *********************/
    let bodyhover = $('body').hasClass('hover-submenu');
    if (bodyhover) {
        $('body').addClass('hover-submenu');
        if (!(document.querySelector('body').classList.contains('login-img'))) {
            hovermenu();
        }
        $('body').addClass('sidenav-toggled');
    }
    /***************** HOVER-SUBMENU has Class *********************/

    /***************** HOVER-SUBMENU 1 has Class *********************/
    let bodyhover1 = $('body').hasClass('hover-submenu1');
    if (bodyhover1) {
        $('body').addClass('hover-submenu1');
        if (!(document.querySelector('body').classList.contains('login-img'))) {
            hovermenu();
        }
        $('body').addClass('sidenav-toggled');
    }
    /***************** HOVER-SUBMENU 1 has Class *********************/

    /***************** Double-Menu has Class *********************/
    let bodydoublemenu = $('body').hasClass('double-menu');
    if (bodydoublemenu) {
        $('body').addClass('double-menu');
        if (!(document.querySelector('body').classList.contains('login-img'))) {
            doublemenu();
            $('body').removeClass('sidenav-toggled-open');
        }
    }
    /***************** Double-Menu has Class *********************/

    /***************** Double-Menu-Tabs has Class *********************/
    let bodydoublemenutabs = $('body').hasClass('double-menu-tabs');
    if (bodydoublemenutabs) {
        $('body').addClass('double-menu-tabs');
        if (!(document.querySelector('body').classList.contains('login-img'))) {
            doublemenu();
            $('body').removeClass('sidenav-toggled-open');
        }
    }
    /***************** Double-Menu-Tabs has Class *********************/
    checkOptions();
})()


// CHECK OPTIONS
function checkOptions() {
    "use strict";
    // rtl
    if (document.querySelector('body').classList.contains('rtl')) {
        $('#myonoffswitch24').prop('checked', true);
    }
    // horizontal
    if (document.querySelector('body').classList.contains('horizontal')) {
        $('#myonoffswitch35').prop('checked', true);
    }
    // horizontal-hover
    if (document.querySelector('body').classList.contains('horizontal-hover')) {
        $('#myonoffswitch111').prop('checked', true);
    }

    // light header 
    if (document.querySelector('body').classList.contains('header-light')) {
        $('#myonoffswitch6').prop('checked', true);
    }
    // color header 
    if (document.querySelector('body').classList.contains('color-header')) {
        $('#myonoffswitch7').prop('checked', true);
    }
    // gradient header 
    if (document.querySelector('body').classList.contains('gradient-header')) {
        $('#myonoffswitch20').prop('checked', true);
    }
    // dark header 
    if (document.querySelector('body').classList.contains('dark-header')) {
        $('#myonoffswitch8').prop('checked', true);
    }

    // light menu
    if (document.querySelector('body').classList.contains('light-menu')) {
        $('#myonoffswitch3').prop('checked', true);
    }
    // color menu
    if (document.querySelector('body').classList.contains('color-menu')) {
        $('#myonoffswitch4').prop('checked', true);
    }
    // gradient menu
    if (document.querySelector('body').classList.contains('gradient-menu')) {
        $('#myonoffswitch19').prop('checked', true);
    }
    // dark menu
    if (document.querySelector('body').classList.contains('dark-menu')) {
        $('#myonoffswitch5').prop('checked', true);
    }

    // Boxed style
    if (document.querySelector('body').classList.contains('layout-boxed')) {
        $('#myonoffswitch10').prop('checked', true);
    }
    // scrollable-layout style
    if (document.querySelector('body').classList.contains('scrollable-layout')) {
        $('#myonoffswitch12').prop('checked', true);
    }

    // closed-menu style
    if (document.querySelector('body').classList.contains('closed-leftmenu')) {
        $('#myonoffswitch16').prop('checked', true);
    }
    // icontext-menu style
    if (document.querySelector('body').classList.contains('icontext-menu')) {
        $('#myonoffswitch14').prop('checked', true);
    }
    // iconoverlay-menu style
    if (document.querySelector('body').classList.contains('icon-overlay')) {
        $('#myonoffswitch15').prop('checked', true);
    }
    // hover-submenu style
    if (document.querySelector('body').classList.contains('hover-submenu')) {
        $('#myonoffswitch17').prop('checked', true);
    }
    // hover-submenu1 style
    if (document.querySelector('body').classList.contains('hover-submenu1')) {
        $('#myonoffswitch18').prop('checked', true);
    }
    // double-menu style
    if (document.querySelector('body').classList.contains('double-menu')) {
        $('#doublemenu-switch').prop('checked', true);
    }
    // double-menu-tabs style
    if (document.querySelector('body').classList.contains('double-menu-tabs')) {
        $('#doublemenu-switch1').prop('checked', true);
    }

    // default-logo style
    if (document.querySelector('body').classList.contains('default-logo')) {
        $('#default-logo').prop('checked', true);
    }
    // center-logo style
    if (document.querySelector('body').classList.contains('center-logo')) {
        $('#center-logo').prop('checked', true);
    }
}
// CHECK OPTIONS END

// RESET SWITCHER TO DEFAULT
function resetData() {
    "use strict";

    $('#myonoffswitch3').prop('checked', true);
    $('#myonoffswitch6').prop('checked', true);
    $('#myonoffswitch1').prop('checked', true);
    $('#myonoffswitch9').prop('checked', true);
    $('#myonoffswitch11').prop('checked', true);
    $('#myonoffswitch13').prop('checked', true);
    $('#myonoffswitch34').prop('checked', true);
    $('#myonoffswitch23').prop('checked', true);
    $('body')?.removeClass('bg-img4');
    $('body')?.removeClass('bg-img1');
    $('body')?.removeClass('bg-img2');
    $('body')?.removeClass('bg-img3');
    $('body')?.removeClass('transparent-mode');
    $('body')?.removeClass('dark-mode');
    $('body')?.removeClass('dark-menu');
    $('body')?.removeClass('color-menu');
    $('body')?.removeClass('gradient-menu');
    $('body')?.removeClass('dark-header');
    $('body')?.removeClass('color-header');
    $('body')?.removeClass('gradient-header');
    $('body')?.removeClass('layout-boxed');
    $('body')?.removeClass('icontext-menu');
    $('body')?.removeClass('icon-overlay');
    $('body')?.removeClass('closed-leftmenu');
    $('body')?.removeClass('hover-submenu');
    $('body')?.removeClass('hover-submenu1');
    $('body').removeClass('double-menu-tabs');
    $('body').removeClass('double-menu');
    $('body')?.removeClass('sidenav-toggled');
    $('body')?.removeClass('scrollable-layout');
    $('body')?.removeClass('default-logo');
    $('body')?.removeClass('center-logo');
    $('body')?.removeClass('rtl');
    $('body')?.addClass('ltr');
    names();

    document.querySelector('html').setAttribute("dir", "ltr");

    // resetting horizontal to vertical
    $('body').removeClass('horizontal');
    $('body').removeClass('horizontal-hover');
    $(".main-content").removeClass("hor-content");
    $(".main-content").addClass("app-content");
    $(".main-container").removeClass("container");
    $(".main-container").addClass("container-fluid");
    $(".app-header").removeClass("hor-header");
    $(".hor-header").addClass("app-header");
    $(".app-sidebar").removeClass("horizontal-main")
    $(".app-sidebar").removeClass("fixed-header")
    $(".main-sidemenu").removeClass("container")
    $(".slide-menu").removeClass("ps")
    $(".slide-menu").removeClass("ps--active-y")
    $('#slide-left').removeClass('d-none');
    $('#slide-right').removeClass('d-none');
    $('body').addClass('sidebar-mini');
    $('body').removeClass('default-logo');
    $('body').removeClass('center-logo');

    //resetting RTL to LTR
    $("html[lang=en]").attr("dir", "ltr");
    $('body').removeClass('rtl');
    $("head link#style").attr("href", $(this));
    (document.getElementById("style").setAttribute("href", "../assets/plugins/bootstrap/css/bootstrap.min.css"));
    var carousel = $('.owl-carousel');
    $.each(carousel, function (index, element) {
        // element == this
        var carouselData = $(element).data('owl.carousel');
        carouselData.settings.rtl = false; //don't know if both are necessary
        carouselData.options.rtl = false;
        $(element).trigger('refresh.owl.carousel');
    });

    if (!document.querySelector('body').classList.contains('login-img')) {
        responsive();
        ActiveSubmenu();
    }
}
    // RESET SWITCHER TO DEFAULT