var $ = jQuery.noConflict();

$(document).ready(function () {
  // Variables globales
  var active = false;
  var header = $("#menu-aeb");
  var burger = $(".titre-site");
  var menu = $(".menu");
  var bouton = $(".hamburger");
  var scroll_index, currentScrollTop = 0;
  var navbar = $("header");

  // MENU BURGER
  bouton.click(function () {
    if (active) {
      menu.removeClass('active');
      bouton.removeClass('is-active');
      header.removeClass('dynamic');
      $(".contact").show();
    } else {
      menu.addClass('active');
      bouton.addClass('is-active');
      header.addClass('dynamic');
      $(".contact").hide();
    }
    menu.fadeIn(400);
    header.fadeIn(400);
    active = !active;
  });

  // Gestion du sous-menu mobile
  $("#drop1").click(function () {
    $(".dropdown-content1").toggle("open");
    $('#drop1 span').toggleClass('active');
  });

  // Ajout de la classe 'current' pour bloquer le scroll en fond de menu
  $('.titre-site').on('click', function () {
    if (active) {
      $('#top').addClass('current');
    } else {
      $('#top').removeClass('current');
    }
  });

  // MENU FIXE AU SCROLL
  $(window).scroll(function () {
    var a = $(window).scrollTop();
    var b = navbar.height();

    currentScrollTop = a;

    if (scroll_index < currentScrollTop && a > b + b) {
      navbar.addClass("hidden");
    } else if (scroll_index > currentScrollTop && !(a <= b)) {
      navbar.removeClass("hidden");
    }
    scroll_index = currentScrollTop;
  });

  // AJOUT D'UNE CLASSE AU SCROLL
  $(window).scroll(function () {
    var scroll = $(window).scrollTop();
    if (scroll <= 250) {
      header.removeClass('smallogo');
    } else {
      header.addClass('smallogo');
    }
  });

  // POPUP
  $(".box").click(function () {
    $(".overlay").addClass("open");
  });

  // $(".close").click(function () {
  //   $(".overlay").removeClass("open");
  //   window.history.pushState("", document.title, window.location.pathname);
  //   $("#vignette-1").fadeOut();
  //   $("#video-1")[0].pause();
  //   $("#vignette-2").fadeOut();
  //   $("#video-2")[0].pause();
  //   $("#vignette-3").fadeOut();
  //   $("#video-3")[0].pause();
  // });

  // TESTS DEFILEMENT ANIMATIONS
  const threshold = 0.15;
  const options = {
    root: null,
    rootMargin: '0px',
    threshold
  };
  const handleIntersect = function (entries, observer) {
    entries.forEach(function (entry) {
      if (entry.intersectionRatio > threshold) {
        entry.target.classList.remove('reveal');
        observer.unobserve(entry.target);
      }
    });
  };

  document.documentElement.classList.add('reveal-loaded');

  window.addEventListener("DOMContentLoaded", function () {
    const observer = new IntersectionObserver(handleIntersect, options);
    const targets = document.querySelectorAll('.reveal');
    targets.forEach(function (target) {
      observer.observe(target);
    });
  });

  $(document).scroll(function () {
    var scroll = $(this).scrollTop();
    if (scroll >= 150) {
      $("#WhiteBook").css("margin-left", "-425px");
      $("#plus").css("margin-left", "0px");
    }
  });

  $("#plus").click(function () {
    $("#WhiteBook").css("margin-left", "0px");
    $("#plus").css("margin-left", "-425px");
  });

  $("#closepopup").click(function () {
    $("#WhiteBook").css("margin-left", "-425px");
    $("#plus").css("margin-left", "0px");
  });
});


// slick slider user comments
$('.comments-group').slick({
  infinite: true,
  slidesToShow: 3,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 3000,
  arrows: false,
  responsive: [
    {
      breakpoint: 800,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        infinite: true,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
      }
    }
  ]

});

// slider picto
$('.choice-group').slick({
  infinite: true,
  slidesToShow: 5,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 1500,
  arrows: false,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
      }
    },
    {
      breakpoint: 450,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
      }
    }
  ]
});

// presta on cible
$('.presta-group').slick({
  infinite: true,
  slidesToShow: 5,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 1500,
  arrows: false,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 1,
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
      }
    },
    {
      breakpoint: 450,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
      }
    }
  ]
});
// burger menu, touch on main = disable
$('#burger-menu').click(() => {
  $('.top-nav ul, .top-nav').toggleClass('hidden');
});

$('#content_aeb, #content_aeb > *').click(() => {
  $('.top-nav ul').hasClass('hidden') ? true : $('.top-nav ul').addClass('hidden');
});







// add back to top button
$(document).scroll(() => {
  if (window.scrollY > 300) {
    $("#top-page").hasClass("active") ? null : $("#top-page").addClass("active")
  } else {
    $("#top-page").hasClass("active") ? $("#top-page").removeClass("active") : null;
  }
})

// sous-menu en :hover / touch
// au click ? 
// $('#pros').click(() => {
//   $('#pros').toggleClass('hidden');
// });

// $('#particuliers').click(() => {
//   $('#particuliers').toggleClass('hidden');
// });

// $('#collectivites').click(() => {
//   $('#collectivites').toggleClass('hidden');
// });

// hover
$('#pros').mouseenter(() => {
  $('#pros').toggleClass('hidden');
});

$('#pros').mouseleave(() => {
  $('#pros').toggleClass('hidden');
});

$('#particuliers').mouseenter(() => {
  $('#particuliers').toggleClass('hidden');
});

$('#particuliers').mouseleave(() => {
  $('#particuliers').toggleClass('hidden');
});

$('#collectivites').mouseenter(() => {
  $('#collectivites').toggleClass('hidden');
});

$('#collectivites').mouseleave(() => {
  $('#collectivites').toggleClass('hidden');
});

// function ajoutée directement dans le plugin popup -> a retirer si tout es OK
// $('#popup .close').click(() => {
//   $('#popup').addClass('hidden');
// });