/*==================== NAV SEARCH BUTTON ====================*/

(function($) {

    "use strict";

    $(document).ready(function() {
        var searchBtn = document.getElementById("header-search-btn");
        $(searchBtn).click(function() {
            console.log("clicked");
            $("#navSearch").toggleClass("show");
        });
    });
})(jQuery);

function navbarSearch() {
    var navbarSearchMenu = document.getElementById("navSearch");
    navbarSearchMenu.classList.toggle("show");
}

/*==================== MOBILE MENU OPEN/CLOSE ====================*/

function mobileMenuFunction() {
    var mobileMenuOpenStyle = document.getElementById("mobileMenu");
    if (mobileMenuOpenStyle.style.transform == "translateX(-120%)") {
        mobileMenuOpenStyle.style.transform = "translateX(0%)";
        return;
    } mobileMenuOpenStyle.style.transform = "translateX(-120%)";
}

function mobilePower() {
    var mobileMenuOpenStyle = document.getElementById("mobileMenu");
    if (mobileMenuOpenStyle.style.transform == "translateX(0%)") {
        mobileMenuOpenStyle.style.transform = "translateX(-120%)"
        return;
    } mobileMenuOpenStyle.style.transform = "translate(0%)";
}

/*==================== MOBILE MENU TOGGLE SUBMENU ====================*/

(function dropDownMenu(){
    var liElement = document.querySelectorAll(".mobil-menu-ul li.menu-item");
    liElement.forEach(item => {
        var newElement = document.createElement("span");
        newElement.classList.add("menu-toggle-icon");
        if ( item.classList.contains("menu-item-has-children") ) {
            item.appendChild(newElement);
            newElement.innerHTML = '<i class="fas fa-caret-down"></i>';
        }
        newElement.addEventListener("click", () => {
            for(let i=0; i<item.children.length; i++){
                if(item.children[i].classList.contains('sub-menu')){
                    item.children[i].classList.toggle('show')
                }
            }
            newElement.classList.toggle('rotate');
        });
    })
})();

/*==================== DARK LIGHT THEME ====================*/ 

const themeButton = document.getElementById('theme-button')
const themeButtonMobile = document.getElementById('theme-button-mobile')
const darkTheme = 'dark-theme'
const getCurrentTheme = () => document.body.classList.contains(darkTheme) ? 'dark' : 'light';
const selectedTheme = localStorage.getItem('selected-theme');

if (selectedTheme) {
    document.body.classList[selectedTheme === 'dark' ? 'add' : 'remove'](darkTheme)
}

themeButton.addEventListener('click', () => {
    document.body.classList.toggle(darkTheme);
    localStorage.setItem('selected-theme', getCurrentTheme());
});

themeButtonMobile.addEventListener('click', () => {
    document.body.classList.toggle(darkTheme);
    localStorage.setItem('selected-theme', getCurrentTheme());
});


//===================== ACCORDION SHORTCODE [jet_accordion] =====================//

const accordionheader = document.querySelectorAll(".accordion-header");

accordionheader.forEach(accHeader => {
    accHeader.addEventListener("click", event => {
        accHeader.classList.toggle("active");
        const accordionbody = accHeader.nextElementSibling;
        if ( accHeader.classList.contains("active") ) {
            accordionbody.style.maxHeight = accordionbody.scrollHeight + "px";
        } else {
            accordionbody.style.maxHeight = 0;
        }
    });
});

//===================== GO TO TOP BUTTON =====================//

gotobutton = document.querySelector("#gotoTopBtn");

window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    gotobutton.style.opacity = "1";
    gotobutton.style.visibility = "visible";
  } else {
    gotobutton.style.opacity = "0";
    gotobutton.style.visibility = "hidden";
  }
}

function gotoTop() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
}

jQuery('.owl-carousel').owlCarousel({
    loop:true,
    nav:true,
    margin:5,
    responsive:{
        0:{
            items:1
        }
    }
})