jQuery(document).ready(function ($) {
  $(".slick").slick({
    dots: false,
    infinite: true,
    touchThreshold: 100,
    speed: 300,
    slidesToShow: 3,
    slidesToScroll: 3,
    centerMode: true,
    variableWidth: false,
    nextArrow:
      '<button class="slick-next"><i class="fas fa-chevron-right"></i></button>',
    prevArrow:
      '<button class="slick-prev"><i class="fas fa-chevron-left"></i></button>',
    responsive: [
      {
        breakpoint: 1024,
        settings: {
          slidesToShow: 3,
          slidesToScroll: 3,
        },
      },
      {
        breakpoint: 600,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 2,
        },
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
        },
      },
    ],
  });
  $(".slick-slider").on(
    "afterChange",
    function (event, slick, currentSlide, nextSlide) {
      console.log("Chegueiii");
      
    //   if (document.querySelector(".slick-card-next")) {
    //     document
    //       .querySelector(".slick-card-next")
    //       .parentElement.classList.forEach(() => {
    //         console.log(this.classList);
    //       });
    //   }
      // Remove as classes do slide anterior e posterior
      $(".slick-slide").removeClass("slick-card-next slick-card-prev");

      // Adiciona a classe 'slick-next' ao próximo slide
      $(slick.$slides.get(currentSlide + 1)).addClass("slick-card-next");

      console.log("Tá atualizado zé, baum demais! Quanto mais mior de baum!");

      // Adiciona a classe 'slick-prev' ao slide anterior
      $(slick.$slides.get(currentSlide - 1)).addClass("slick-card-prev");
    }
  );
});