const icons = document.querySelectorAll('.icon');
icons.forEach (icon => {  
  icon.addEventListener('click', (event) => {
    icon.classList.toggle("open");
  });
});

window.addEventListener('scroll', () => {
  document.body.style.setProperty('--scroll',window.pageYOffset / (document.body.offsetHeight - window.innerHeight));
}, false);

// discount
const discount = document.getElementById("discount");
const coupon = document.getElementById("coupon");
discount.addEventListener("click", () => {
  console.log("test");
  coupon.style.display = "block";
});

coupon.addEventListener("click", () => {
  coupon.style.display = "none";
});
//scroll to top
const btn = document.querySelector(".btn-top");
window.onscroll = function () {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    btn.style.display = "block";
  } else {
    btn.style.display = "none";
  }
};

btn.addEventListener("click", () => {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
});

document.getElementById("year").innerHTML = new Date().getFullYear();

// jQuery Script

$(function () {
  // toggle active class
  $(".nav-item").on("click", function () {
    $(this).addClass("active").siblings().removeClass("active");
  });
  $("div").on("click", function () {
    $(".nav-item").removeClass("active");
  });

  // change nav color
  /*   $(document).scroll(function () {
    let scroll_position = 0;
    scroll_position = $(this).scrollTop();
    if (scroll_position < 250) {
      $(".navbar").css("background", "#273c75");
    }
    if (scroll_position > 250) {
      $(".navbar").css("background", "#192a56");
    }
  }); */

// up
  
$(".btn-top");
  window.onscroll = function () {
  
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    $(".btn-top").css("display","block");
  } else {
    $(".btn-top").css("display","none");
  }
};

$(".btn-top").on("click", () => {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
});

});

var counted = 0;
$(window).scroll(function() {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (counted == 0 && $(window).scrollTop() > oTop) {
    $('.count').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 1500,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    counted = 1;
  }

});


$(document).ready(function() {
 
  $(".owl-carousel").owlCarousel({
 
      navigation : false, // Show next and prev buttons
 
      slideSpeed : 300,
      paginationSpeed : 400,
      autoPlay: 3000,
      items : 1, 
      itemsDesktop : false,
      itemsDesktopSmall : false,
      itemsTablet: false,
    itemsMobile: false,
    pagination: false
 
  });
 
});