document.addEventListener("DOMContentLoaded", (event) => {
  window.Vlitejs.registerProvider('vimeo', window.VlitejsVimeo);
  let currentVideoPlayer = null;
  let currentVideo = null;

  console.log("pass herreeeeeee");
  
  // Dynamicly add click event after finsweet attributes cmsnest loads
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmsnest',
    (listInstances) => {
      // Add active class when dynamic nested video element clicked
      $('.home_sequence-interventions-item-video').on('mouseenter', function() {
        $('.home_sequence-interventions-item').removeClass('is-active');
        // $(".home_intervention-video-overlay").removeClass('is-active');

        gsap.to(".home_sequence-interventions-item", {
          flex: 1,
          duration: 0.4,
          ease: "power2.easeOut",
        })

        gsap.to(".link-rentranscription2", {
          display: "none",
          duration: 0.4,
          ease: "power2.easeOut",
        })
        
        gsap.to($(this).children(".link-rentranscription2"), {
          display: "flex",
          duration: 0.4,
          ease: "power2.easeOut",
        })

        gsap.to($(this).parent(), {
          flex:  $(this).parent().parent().children().length ? $(this).parent().parent().children().length : 1,
          duration: 0.6,
          ease: "back.out(1.3)",
        })
        // gsap.set($(this).find(".home_intervention-video-overlay"), { display: "flex" })
        // $(this).find(".home_intervention-video-overlay").addClass("is-active")
      })
      
      // Add click event to play btn to open modal video
      $(document).ready(function() {
        // Code pour ouvrir la modal et charger l'iframe
        $('.link-video-home').on('click', function() {
            // if ($(this).hasClass("home_intervention-video-overlay")) {
            //     if (!$(this).hasClass("is-active")) {
            //         return;
            //     }
            // }
    
            var vimeoId = $(this).data("vimeo");
    
            var iframeTemplate = '<div style="border-radius:10px; overflow:hidden; padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/' + vimeoId + '?badge=0&autoplay=1&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>';
    
            $('#player').html(iframeTemplate);
    
            gsap.set("body", { overflow: 'hidden' });
            const tl = gsap.timeline();
            tl.set('.home_modal-video', { display: "flex" })
              .to('.home_modal-video', {
                opacity: 1,
                duration: 0.4,
                ease: "power2.easeOut",
              });
        });
    
        function closeModal() {
            // Réinitialiser le contenu de la div "player" pour arrêter la vidéo
            $('#player').html('');
    
            // Fermer la modal
            const tl = gsap.timeline();
            tl.to('.home_modal-video', {
                opacity: 0,
                duration: 0.4,
                ease: "power2.easeOut",
              })
              .set('.home_modal-video', { display: "none" });
    
            // Restaurer le défilement du corps de la page
            gsap.set("body", { overflow: 'auto' });
        }
    
        // Fermer la modal lorsque l'utilisateur clique en dehors de #player
        $('.home_modal-video').on('click', function(event) {
          if (!$(event.target).closest('#player').length) {
            closeModal(); // Fermer la modal si le clic n'est pas dans #player
          }
        });
    
        // Fermer la modal lorsque l'utilisateur appuie sur "Échap"
        $(document).on('keydown', function(event) {
          if (event.key === 'Escape') {
            closeModal(); // Fermer la modal si la touche Échap est pressée
          }
        });
      });
    }
  ])
});