// navigation search-bar

let topSearch = document.getElementById("search-bar-bt");
topSearch.onclick = () => {
    let SearchBar = document.getElementById("search-bar")
    SearchBar.style.height = "100vh";
    SearchBar.style.display = "flex";   
    document.body.style.overflow = "hidden"; 
    }
 let btn = document.getElementById("remove-btn");
    btn.onclick = ()=>{
      remov = document.getElementById("search-bar")
      remov.style.display = "none" 
      document.body.style.overflow = "unset"; 
    }


// right-sidebar
function open_right_side() {
    "use strict";
    const sidepanel = document.getElementById("right_side");
    if (sidepanel) {
        sidepanel.style.right = "0";
    } else {
        console.error("Error: Side panel element not found!");
    }
}

function close_right_sade() {
    "use strict";
    const sidepanel = document.getElementById("right_side");
    if (sidepanel) {
        sidepanel.style.right = "-355px";
    } else {
        console.error("Error: Side panel element not found!");
    }
}

// navbar side-slide

// navbar side-slide

function openNav() {
    document.getElementById("mySidenav").style.width = '280px';
}

function closeNav() {
    document.getElementById("mySidenav").style.width = "0";
}
let slid = document.getElementById("slid-btn");
slid.onclick = ()=>{
    let drop= document.getElementById("slid-drop");
   drop.classList.toggle("myst");
}

// ========= ipsum logo

$('.logo_ispsum_slider').slick({
    arrows: false,
    dots: false,
    infinite: true,
    autoplay: true,
    autoplaySpeed: 0,
    speed: 3000,
    slidesToShow: 4,
    cssEase: 'linear',
    responsive: [{
            breakpoint: 1000,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 1,
                infinite: true,
                dots: false,
            }
        },
    {
            breakpoint: 768,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
                infinite: true,
                dots: false,
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1
            }
        },
        {
            breakpoint: 450,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1
            }
        },
    ]
});


//visa logo

$('.visa-logo').slick({
    arrows: false,
    dots: false,
    infinite: true,
    autoplay: true,
    autoplaySpeed: 0,
    speed: 3000,
    slidesToShow: 4,
    cssEase: 'linear',
    responsive: [{
            breakpoint: 1000,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 1,
                infinite: true,
                dots: false,
            }
        },
    {
            breakpoint: 768,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
                infinite: true,
                dots: false,
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1
            }
        },
        {
            breakpoint: 450,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 1
            }
        },
    ]
});

// profactional slider

$('.prof-slider').slick({
    arrows: true,
    dots: false,
    infinite: true,
    autoplay: true,
    speed: 700,
    slidesToShow: 1,
    slidesToScroll: 1,
    // prevArrow: '<button class="prev-arrow"><i class="fa-solid fa-arrow-left"></i></button>',
    // nextArrow: '<button class="next-arrow"><i class="fa-solid fa-arrow-right"></i></button>',
    responsive: [{
            breakpoint: 768,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                infinite: true,
                dots: false,
            }
        },
        {
            breakpoint: 600,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1
            }
        },
    ]
});
// footer logo ispsum
$('.footer_ispsum_slider').slick({
    arrows: false,
    dots: false,
    infinite: true,
    autoplay: true,
    autoplaySpeed: 0,
    speed: 4000,
    slidesToShow: 2,
    cssEase: 'linear',
  
    pauseOnHover: true,
    responsive: [{
            breakpoint: 900,
            settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                infinite: true,
                dots: false,
            }
        },
    {
            breakpoint: 768,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: false,
            }
        },
        {
            breakpoint: 767,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 3,
                infinite: true,
                dots: false,
            }
        },
        {
            breakpoint: 480,
            settings: {
                slidesToShow: 2,
                slidesToScroll: 2,
                infinite: true,
                dots: false,
                // speed: 9000,
                // autoplaySpeed: 5,
            }
        },
    ]
});

// number counter
(function(e) {
    "use strict";
    e.fn.counterUp = function(t) {
        var n = e.extend({
            time: 400,
            delay: 10
        }, t);
        return this.each(function() {
            var t = e(this),
                r = n,
                i = function() {
                    var e = [],
                        n = r.time / r.delay,
                        i = t.text(),
                        s = /[0-9]+,[0-9]+/.test(i);
                    i = i.replace(/,/g, "");
                    var o = /^[0-9]+$/.test(i),
                        u = /^[0-9]+\.[0-9]+$/.test(i),
                        a = u ? (i.split(".")[1] || [])
                        .length : 0;
                    for (var f = n; f >= 1; f--) {
                        var l = parseInt(i / n * f);
                        u && (l = parseFloat(i / n * f)
                            .toFixed(a));
                        if (s)
                            while (/(\d+)(\d{3})/.test(l.toString())) l = l.toString()
                                .replace(/(\d+)(\d{3})/, "$1,$2");
                        e.unshift(l)
                    }
                    t.data("counterup-nums", e);
                    t.text("0");
                    var c = function() {
                        t.text(t.data("counterup-nums")
                            .shift());
                        if (t.data("counterup-nums")
                            .length) setTimeout(t.data("counterup-func"), r.delay);
                        else {
                            delete t.data("counterup-nums");
                            t.data("counterup-nums", null);
                            t.data("counterup-func", null)
                        }
                    };
                    t.data("counterup-func", c);
                    setTimeout(t.data("counterup-func"), r.delay)
                };
            t.waypoint(i, {
                offset: "100%",
                triggerOnce: !0
            })
        })
    }
})(jQuery);

jQuery(document)
    .ready(function($) {
        $('.count')
            .counterUp({
                delay: 10,
                time: 5000
            });
    });


    // button back to top 
window.onscroll = function() {
    scrollFunction()
};

function scrollFunction() {
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        document.getElementById("backToTopBtn").style.display = "block";
    } else {
        document.getElementById("backToTopBtn").style.display = "none";
    }
}

function scrollToTop() {
    const scrollToTopBtn = document.documentElement || document.body;
    scrollToTopBtn.scrollIntoView({
        behavior: "smooth"
    });
}

// accordian of faq page

const accordionItems = document.querySelectorAll('.accordion-item1');

accordionItems.forEach((item, index) => {
  const header = item.querySelector('.accordion-header1');
  const toggleIcon = item.querySelector('.accordion-toggle1');

  if (index === 0) {
    item.classList.add('active');
    toggleIcon.classList.add('active');
    item.querySelector('.accordion-content').style.maxHeight = '1000px'; // Adjust this value
  }
  header.addEventListener('click', () => {
    accordionItems.forEach(otherItem => {
      if (otherItem !== item) {
        otherItem.classList.remove('active');
        otherItem.querySelector('.accordion-content').style.maxHeight = '0';
        otherItem.querySelector('.accordion-toggle1').classList.remove('active');
      }
    });

    item.classList.toggle('active');

    if (item.classList.contains('active')) {
      toggleIcon.classList.add('active');
    } else {
      toggleIcon.classList.remove('active');
    }

    const content = item.querySelector('.accordion-content');
    if (item.classList.contains('active')) {
      content.style.maxHeight = content.scrollHeight + 'px';
    } else {
      content.style.maxHeight = '0';
    }
  });
});

//// form Subscribe massage
//const aboutFor = document.getElementById('footer-sub2');
//const aboutMessag = document.getElementById('Succes-box2');
//aboutFor.addEventListener('submit', (event) => {
//    event.preventDefault();
//    aboutMessag.innerHTML = 'You Subscribe successfully!';
//    aboutMessag.style.display = 'block';
//    aboutFor.reset();
//    setTimeout(() => {
//      aboutMessag.style.display = 'none';
//    }, 3000);
//});


//const aboutFor2 = document.getElementById("Subscribe-massage2");
//const aboutMessag2 = document.getElementById("Succes-box2");
//if (aboutFor2 !== null) {
//    aboutFor2.addEventListener("submit", (event) => {
//        event.preventDefault();
//        aboutMessag2.innerHTML = `
//    <i class="fa-solid fa-check"></i>       
//    <h4>Congratulation</h4>
//    <h5>You Subscribe Successfully</h5>
//    `;
//        aboutMessag2.style.display = "block";
//        aboutFor2.reset();
//        setTimeout(() => {
//            aboutMessag2.style.display = "none";
//        }, 3000);
//    });
//}