jQuery(document).ready(function ($) {
    // Event listener for opening the modal
  $('#customModalVideo').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget); // Button that triggered the modal
    var videoUrl = button.data('url');    // Extract video URL from data-url attribute
    var title = button.data('title');    
    var subtitle = button.data('subtitle'); 
    var description = button.data('description'); 
    var pdf = button.data('pdf');
    var count = button.data('count');

    var modal = $(this);
    var videoContainer = modal.find('#videoContainer'); 
    var modalTitle = modal.find('.modal-title'); 
    var modalSubtitle = modal.find('.subtitle');
    var next_btn = modal.find('.next-btn');
    var prev_btn = modal.find('.prev-btn');
    button.attr("data-pdf", pdf);
    const modal1 = document.getElementById('customModalVideo');
    const downloadButton = modal1.querySelector('.email');

    if (count <= 1) {
      next_btn.hide(); // Hide the next button
       
    } else {
        next_btn.show(); // Show the next button if count > 1
        
    }
    

    // Clear previous content before loading new video
    videoContainer.empty();

    // Set the modal title and subtitle
    modalTitle.text(title);
    modalSubtitle.text(subtitle);

    // Check if the URL is a Vimeo link
    if (videoUrl.includes('vimeo.com')) {
      // Extract Vimeo video ID from URL  + '?autoplay=1'
       var vimeoId = videoUrl.split('/').pop();
      // var vimeoId = videoUrl.match(/video\/(\d+)/)[1];
      var embedUrl = 'https://player.vimeo.com/video/' + vimeoId ;
      
      
      // Embed Vimeo iframe
      videoContainer.html('<iframe id="customVideoIframe" width="100%" height="600" src="' + embedUrl + '" frameborder="0"  fullscreen" allowfullscreen></iframe>');

    } else if (videoUrl.endsWith('.mp4')) {
    
      // Embed MP4 video
      videoContainer.html(`
        <video id="customVideo" poster="poster-image.png" width="100%" height="400" controls>
          <source src="${videoUrl}" type="video/mp4">
          Your browser does not support HTML5 video.
        </video>
        <div id="playButton" class="play-btn">
          <img src="${themeData.templateDirectory}/img/play-btn.svg" alt="Play">
        </div>
      `);
      
    }

    // Optional: Set description (if any)
    if (description) {
      var descriptionContainer = modal.find('.content');
      descriptionContainer.text(description);
    }
    if (pdf) {
      document.getElementById('email_pdf').value = pdf;
      // downloadButton.innerHTML = `
      //     <span class="ico">
      //         <img src="https://kedusha.spericorn.com/wp-content/themes/kedushas/img/mail-ico.svg" alt="PDF">
      //     </span> 
      //     <span><a href="${pdf}" target="_blank">Receive via email</a></span>
      // `;
      // downloadButton.setAttribute('href', pdf);
      // downloadButton.setAttribute('download', `${title || 'document'}.pdf`);
  } else {
      // downloadButton.innerHTML = 'PDF Not Available';
      // downloadButton.removeAttribute('href');
      // downloadButton.removeAttribute('download');
  }
  });

  // Play video on button click (for MP4 videos)
  $('#videoContainer').on('click', '#playButton', function() {
    var videoElement = $('#customVideo')[0];
    if (videoElement.paused) {
      videoElement.play();
      $('#playButton').css('display', 'none'); 
    } else {
      $('#playButton').css('display', 'block'); 
      videoElement.pause();
      
    }   
  });
//   $('#videoContainer').on('click', '#customVideo', function() {
//     var videoElement = $('#customVideo')[0]; // Get the video element
//     videoElement.pause();
//     console.log('Video is paused:', videoElement.paused);
    
//     if (!videoElement.paused) {
//         videoElement.pause(); // Pause the video if it's currently playing
//         $('#playButton').css('display', 'block'); // Show the play button
//     }
// });




//  // Attach a click event listener to the .btn-primary button within the modal
// $('#customModalVideo').on('click', '.btn-primary', function (e) {
//   e.preventDefault(); // Prevent default button behavior

//   // Fetch the PDF URL from the button's data attribute
//   var pdfUrl = $('#email_pdf').val(); // Retrieve value from the hidden input field
//   if (!pdfUrl) {
//       alert("No PDF URL available.");
//       return;
//   }

//   // Log or alert the PDF URL (for debugging purposes)
//   console.log("PDF URL:", pdfUrl);

//   // Define the AJAX URL from localized data (ensure `pdfData.ajax_url` is defined in your script)
//   var ajaxUrl = pdfData.ajax_url;
//   if (!ajaxUrl) {
//       alert("AJAX URL is not defined.");
//       return;
//   }

//   // Trigger AJAX request to send the email
//   $.ajax({
//       url: ajaxUrl,
//       method: "POST",
//       data: {
//           action: "send_pdf_email_with_attachment", // WordPress action hook
//           pdf_url: pdfUrl, // The PDF URL to send in the email
//       },
//       beforeSend: function () {
//           // Optional: Add a loading indicator or disable the button during the request
//           $('.btn-primary.email').prop('disabled', true).text('Sending...');
//       },
//       success: function (response) {
//           // Handle the response from the server
//           if (response.success) {
//               alert("Email sent successfully!");
//           } else {
//               alert("Failed to send email. Please try again.");
//           }
//       },
//       error: function (xhr, status, error) {
//           // Handle AJAX errors
//           console.error("AJAX Error:", status, error);
//           alert("An error occurred while sending the email.");
//       },
//       complete: function () {
//           // Re-enable the button and reset the text
//           $('.btn-primary.email').prop('disabled', false).html(`
//               <span class="ico"><img src="${pdfData.theme_url}/img/pdf.svg" alt="pdf"></span> 
//               <span>Receive via email</span>
//           `);
//       },
//   });
// });




});
function validateEmail() {
  const emailInput = document.getElementById("email-input");
  const email = emailInput.value.trim();
  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; // Simple email regex pattern

  if (!emailRegex.test(email)) {
    $('#successAlert')
        .text('Please enter a valid email address.')
        .css('color', 'red') // Set the text color to red
        .show();
      setTimeout(function() {
        $('#successAlert').fadeOut(); // Use fadeOut for a smooth disappearance
    }, 2000);
   
    emailInput.focus();
    return false;
  }

  return true;
}

// jQuery(document).ready(function ($) {
// var videoButtons = document.querySelectorAll('.video-btn');
//     var currentIndex = 0;
//     var videos = [];

//     videoButtons.forEach(function(button, index) {
//         button.addEventListener('click', function() {
//             currentIndex = index;
//             loadVideoData(button);
//         });

//         // Store video data for navigation
//         videos.push({
//             title: button.getAttribute('data-title'),
//             subtitle: button.getAttribute('data-subtitle'),
//             url: button.getAttribute('data-url'),
//             pdf: button.getAttribute('data-pdf'),
//             description: button.getAttribute('data-description')
//         });
//     });



//     // Handle "Next" button click
//     document.querySelector('.next-btn').addEventListener('click', function() {
//         currentIndex = (currentIndex + 1) % videos.length;
//         var nextVideo = videos[currentIndex];
//         loadVideoDataFromObject(nextVideo);
//     });

//     function loadVideoDataFromObject(video) {
//         var modal = document.getElementById('customModalVideo');
//         modal.querySelector('.modal-title').textContent = video.title;
//         modal.querySelector('.subtitle').textContent = video.subtitle;
//         modal.querySelector('#videoContainer').innerHTML = `
//             <video controls id="customVideo">
//                 <source src="${video.url}" type="video/mp4">
//                 Your browser does not support the video tag.
//             </video>
//             <div id="playButton" class="play-btn" >
//                 <img src="${themeData.templateDirectory}/img/play-btn.svg" alt="Play" >
//               </div>
//         `;
//         modal.querySelector('.btn-primary').setAttribute('data-pdf', video.pdf);
//         modal.querySelector('.content').textContent = video.description;
//     }
// });

jQuery(document).ready(function ($) {
  var videoButtons = document.querySelectorAll('.video-btn');
    var videos = [];
    var currentPostId = null;
    var currentIndex = 0;

  // Initialize videos array and attach click events
  // videoButtons.forEach(function (button, index) {
  //     button.addEventListener('click', function () {
  //         currentIndex = index;
  //         currentPostId = button.getAttribute('data-post-id'); // Get the current post ID from the button
  //         loadVideoData(button);
  //     });

  //     // Store video data for navigation
  //     videos.push({
  //         postId: button.getAttribute('data-post-id'), // Store the post ID
  //         title: button.getAttribute('data-title'),
  //         subtitle: button.getAttribute('data-subtitle'),
  //         url: button.getAttribute('data-url'),
  //         pdf: button.getAttribute('data-pdf'),
  //         description: button.getAttribute('data-description')
  //     });
  // });

  videoButtons.forEach(function (button) {
    var postId = button.getAttribute('data-post-id');

    // Store video data for navigation
    videos.push({
        postId: postId,
        title: button.getAttribute('data-title'),
        subtitle: button.getAttribute('data-subtitle'),
        url: button.getAttribute('data-url'),
        pdf: button.getAttribute('data-pdf'),
        description: button.getAttribute('data-description')
    });

    // Click event for buttons
    button.addEventListener('click', function () {
        currentPostId = postId; // Set current post ID
        
        // Set correct index based on filtered videos
        var filteredVideos = videos.filter(v => v.postId === currentPostId);
        currentIndex = filteredVideos.findIndex(v => v.url === button.getAttribute('data-url'));

        loadVideoData(button);
    });
});

  // Handle "Next" button click
  // document.querySelector('#next-btn').addEventListener('click', function () {
  //     // Filter videos by the current post ID
     
  //     var filteredVideos = videos.filter(function (video) {
  //         return video.postId === currentPostId;
  //     });

  //     // Update the current index within the filtered list
  //     currentIndex = (currentIndex + 1) % filteredVideos.length;

  //     var nextVideo = filteredVideos[currentIndex];
  //     loadVideoDataFromObject(nextVideo);
  // });

  document.querySelector('#next-btn').addEventListener('click', function () {
    // Filter videos by the current post ID
    var filteredVideos = videos.filter(function (video) {
        return video.postId === currentPostId;
    });

    if (filteredVideos.length === 0) {
        console.warn("No videos found for post ID:", currentPostId);
        return; // Avoid errors if no videos match
    }

    // Ensure currentIndex is valid before use
    if (typeof currentIndex === 'undefined' || currentIndex < 0) {
        currentIndex = 0; // Initialize if not set
    } else {
        currentIndex = (currentIndex + 1) % filteredVideos.length;
    }
  
    console.log("Next Video Index:", currentIndex);

    var nextVideo = filteredVideos[currentIndex];
    console.log("Next Video Selected:", nextVideo);

    loadVideoDataFromObject(nextVideo);
});


  document.querySelector('#prev-btn').addEventListener('click', function () {
    // Filter videos by the current post ID
    var filteredVideos = videos.filter(function (video) {
        return video.postId === currentPostId;
    });

    // Update the current index within the filtered list (decrement to go to the previous video)
    currentIndex = (currentIndex - 1 + filteredVideos.length) % filteredVideos.length;

    var previousVideo = filteredVideos[currentIndex];
    loadVideoDataFromObject(previousVideo);
});

  function loadVideoDataFromObject(video) {
    var modal = document.getElementById('customModalVideo');
    modal.querySelector('.modal-title').textContent = video.title;
    modal.querySelector('.subtitle').textContent = video.subtitle;
console.log(video.url);
    // Check if the video URL contains ".vimeo"
    if (video.url.includes('vimeo.com')) {
      // var vimeoId = video.url.match(/video\/(\d+)/)[1];
      var vimeoId = video.url.split('/').pop();
      var embedUrl = 'https://player.vimeo.com/video/' + vimeoId ;
        modal.querySelector('#videoContainer').innerHTML = `
            <iframe 
                src="${embedUrl}" 
                frameborder="0" 
                allow="autoplay; fullscreen; picture-in-picture"                  
                style="width: 100%; height: 100%;"
            ></iframe>
        `;
    } else {
        modal.querySelector('#videoContainer').innerHTML = `
            <video controls id="customVideo" style="width: 100%; height: auto;">
                <source src="${video.url}" type="video/mp4">
                Your browser does not support the video tag.
            </video>
            <div id="playButton" class="play-btn">
                <img src="${themeData.templateDirectory}/img/play-btn.svg" alt="Play">
            </div>
        `;
    }

    modal.querySelector('.emailbtn').setAttribute('data-pdf', video.pdf);
    modal.querySelector('.content').textContent = video.description;

    // Set the PDF value in the hidden input field
    document.getElementById('email_pdf').value = video.pdf;
}

});


document.addEventListener('DOMContentLoaded', function() {
  // Select all buttons and the input element
  const buttons = document.querySelectorAll('.tab-btn');
  const emailInput = document.getElementById('email-pdf');
  
  // Add click event listener to each button
  buttons.forEach(button => {
      button.addEventListener('click', function() {
          // Get the data-pdf-url attribute of the clicked button
          const pdfUrl = this.getAttribute('data-pdf-url');
          
          // Update the input value with the PDF URL
          emailInput.value = pdfUrl;
      });
  });


 
});

document.addEventListener('DOMContentLoaded', function () {
  // Select the video and Lottie player elements
  // const video = document.querySelector('.banner-media');
  const lottiePlayer = document.getElementById('lottie-player');
  const video = document.getElementById("radio-stream");
  // video.autoplay = true;
  // video.muted = false;
  // Check if both elements exist before proceeding
  if (video && lottiePlayer) {
      // Add a click event listener to the Lottie player
      lottiePlayer.addEventListener('click', function () {
          // Toggle the muted property of the video
          video.muted = !video.muted;

          // Optionally, log the state
          if (video.muted) {
              console.log('Video is muted');
              lottiePlayer.stop();
              
          } else {
              console.log('Video is unmuted');
              lottiePlayer.play();
          }
      });
  } else {
      console.error('Video or Lottie player element not found');
  }
});



//--------------------Publication next--------------------------------
jQuery(document).ready(function ($) {
  var videoButtons = document.querySelectorAll('.publication-btn');
  var currentIndex = 0;
  var videos = [];
  var currentPostId = null;

  // Initialize videos array and attach click events
  videoButtons.forEach(function (button, index) {
      button.addEventListener('click', function () {
          currentIndex = index;
          currentPostId = button.getAttribute('data-post-id'); // Get the current post ID from the button
          // loadVideoData(button);
      });

      // Store video data for navigation
      videos.push({
          postId: button.getAttribute('data-post-id'), // Store the post ID
          title: button.getAttribute('data-title'),
          subtitle: button.getAttribute('data-subtitle'),
          url: button.getAttribute('data-url'),
          pdf: button.getAttribute('data-pdf'),
          description: button.getAttribute('data-description'),
          thumbnail: button.getAttribute('data-thumbnail')
      });
  });

  // Handle "Next" button click
  document.querySelector('.right-arw-dy').addEventListener('click', function () {
    
      // Filter videos by the current post ID
      var filteredVideos = videos.filter(function (video) {
          return video.postId === currentPostId;
      });

      // Update the current index within the filtered list
      currentIndex = (currentIndex + 1) % filteredVideos.length;

      var nextVideo = filteredVideos[currentIndex];
      loadVideoDataFromObject(nextVideo);
  });

  document.querySelector('.left-arw-dy').addEventListener('click', function () {
    // Filter videos by the current post ID
    var filteredVideos = videos.filter(function (video) {
        return video.postId === currentPostId;
    });

    // Update the current index within the filtered list (decrement to go to the previous video)
    currentIndex = (currentIndex - 1 + filteredVideos.length) % filteredVideos.length;

    var previousVideo = filteredVideos[currentIndex];
    loadVideoDataFromObject(previousVideo);
});


  function loadVideoDataFromObject(video) {
    var modal = document.getElementById('customModal');
    modal.querySelector('.modal-title').textContent = video.title;
    modal.querySelector('.subtitle').textContent = video.subtitle;
    // Check if the video URL contains ".vimeo"
    try {
      thumbnail = JSON.parse(video.thumbnail);
  } catch (error) {
      console.error("Error parsing JSON data:", error);
  }
  const imgSlider = modal.querySelector('.img-slider');
  const downloadButton = modal.querySelector('.btn-primary');
   // Clear existing images
   imgSlider.innerHTML = '';

   // Add new image to the slider
   if (thumbnail) {
       const imgDiv = document.createElement('div');
       imgDiv.classList.add('pdf-image');
       imgDiv.innerHTML = `<img src="${thumbnail}" alt="Thumbnail">`;
       imgSlider.appendChild(imgDiv);
   }

   if (video.pdf) {
    downloadButton.innerHTML = `
        <span class="ico">
            <img src="https://kedusha.spericorn.com/wp-content/themes/kedushas/img/pdf.svg" alt="PDF">
        </span> 
        <span><a href="${video.pdf}" target="_blank">Download PDF</a></span>
    `;
    downloadButton.setAttribute('href', video.pdf);
    downloadButton.setAttribute('download', `${video.title || 'document'}.pdf`);
} else {
    downloadButton.innerHTML = 'PDF Not Available';
    downloadButton.removeAttribute('href');
    downloadButton.removeAttribute('download');
}
    modal.querySelector('.content').textContent = video.description;
}

});

jQuery(document).ready(function($) {
  var $counter = $('#blatt-counter');
  var target = parseInt($counter.data('target'));
  var duration = 2000; // total duration in milliseconds
  var startTime = null;

  function easeOutQuad(t) {
    return t * (2 - t);
  }

  function animateCounter(timestamp) {
    if (!startTime) startTime = timestamp;
    var progress = (timestamp - startTime) / duration;
    var eased = easeOutQuad(Math.min(progress, 1));
    var current = Math.round(target * eased);
    $counter.text(current);

    if (progress < 1) {
      requestAnimationFrame(animateCounter);
    } else {
      $counter.text(target);
    }
  }

  requestAnimationFrame(animateCounter);
});

jQuery(document).ready(function($) {
  $('[data-target]').on('click', function(e) {
    e.preventDefault();
    var target = $(this).data('target');
    var $targetEl = $(target);

    if ($targetEl.length) {
      $('html, body').animate({
        scrollTop: $targetEl.offset().top
      }, 800);
    }
  });
});

jQuery(document).ready(function ($) {
    $('#shiurForm').on('submit', function (e) {
        e.preventDefault();

        const form = $(this);
        const messageBox = $('#shiur-form-message');
        messageBox.html('').hide();

        if (!form.parsley().isValid()) return;

        const submitBtn = form.find('.order-now');
        submitBtn.prop('disabled', true).text('Submitting...');

        const data = {
            shiurName: form.find('input[placeholder="Shiur Name"]').val(),
            shiurLocation: form.find('input[placeholder="Shiur Location*"]').val(),
            shiurAddress: form.find('input[placeholder="Shiur Address*"]').val(),
            shiurCity: form.find('input[placeholder="City*"]').val(),
            shiurState: form.find('select[name="state"] option:selected').text().trim(),
            shiurZip: form.find('input[placeholder="Zip*"]').val(),
            shiurEmail: form.find('input[placeholder="Email*"]').val(),
            website: form.find('input[placeholder="Website"]').val(),
            maggidName: form.find('input[placeholder="Maggid Shiur Name*"]').val(),
            contactName: form.find('input[placeholder="Contact Name*"]').val(),
            contactAddress: form.find('input[placeholder="Contact Address*"]').val(),
            contactEmail: form.find('input[placeholder="Contact Email*"]').val(),
            contactPhone: form.find('input[placeholder="Contact Phone*"]').val(),
            cycles: form.find('input[placeholder*="How many cycles"]').val(),
            participants: form.find('input[placeholder*="participants"]').val(),
            dafStory: form.find('textarea[name="dafStory"]').val()
        };

        $.ajax({
            type: 'POST',
            url: '/wp-admin/admin-ajax.php',
            data: {
                action: 'submit_shiur_form',
                data
            },
            success: function (response) {
                if (response.success) {
                    messageBox
                        .removeClass('text-danger')
                        .addClass('text-success')
                        .html('You have successfully registered!')
                        .fadeIn();
                    form[0].reset();
                    form.parsley().reset();
                } else {
                    messageBox
                        .removeClass('text-success')
                        .addClass('text-danger')
                        .html('Error: ' + (response.data || 'An unknown error occurred.'))
                        .fadeIn();
                }
            },
            error: function (xhr, status, error) {
                messageBox
                    .removeClass('text-success')
                    .addClass('text-danger')
                    .html('Submission failed: ' + error)
                    .fadeIn();
            },
            complete: function () {
                submitBtn.prop('disabled', false).text('Register');
            }
        });
    });
});
 
jQuery(document).ready(function ($) {
    function toggleShiurFields() {
        var selected = $('input[name="learningMethod"]:checked').val();
        if (selected === 'shiur' || selected === 'virtual') {
            $('.conditional-field').show();
            $('input[name="maggidShiur"]').prop('required', true);
        } else {
            $('.conditional-field').hide();
            $('input[name="maggidShiur"]').prop('required', false);
        }
    }

    toggleShiurFields();
    $('input[name="learningMethod"]').on('change', toggleShiurFields);

    $('#lomedForm').on('submit', function (e) {
        e.preventDefault();

        const form = $(this);
        const messageBox = $('#lomed-form-message');
        messageBox.html('').hide();

        if (!form.parsley().isValid()) return;

        const submitBtn = form.find('.order-now');
        submitBtn.prop('disabled', true).text('Submitting...');

        const title = form.find('select').val();
        const first = form.find('input[placeholder="First Name*"]').val();
        const last = form.find('input[placeholder="Last Name*"]').val();
        const spouse = form.find('input[placeholder="Spouse\'s Name*"]').val();
        const address = form.find('input[placeholder="Address*"]').val();
        const city = form.find('input[placeholder="City*"]').val();
        const state = form.find('select[name="state"] option:selected').text().trim();
        const zip = form.find('input[placeholder="Zip*"]').val();
        const email = form.find('input[placeholder="Email*"]').val();
        const phone = form.find('input[placeholder="Phone*"]').val();
        const cycles = form.find('input[placeholder*="Daf Yomi"]').val();
        const shiurName = form.find('input[name="shiurName"]').val();
        const maggidShiur = form.find('input[name="maggidShiur"]').val();
        const dafYomiStory = form.find('textarea[name="dafStory"]').val();

        const learnMethod = form.find('input[name="learningMethod"]:checked');
        const learnLabel = learnMethod.length ? form.find('label[for="' + learnMethod.attr('id') + '"]').text().trim() : '';

        $.ajax({
            type: 'POST',
            url: '/wp-admin/admin-ajax.php',
            data: {
                action: 'submit_lomed_form',
                data: {
                    title, first, last, spouse, address, city, state, zip, email, phone, cycles, learnLabel, shiurName, maggidShiur, dafYomiStory
                }
            },
            success: function (response) {
                if (response.success) {
                    messageBox
                        .removeClass('text-danger')
                        .addClass('text-success')
                        .html('You have successfully registered!.')
                        .fadeIn();
                    form[0].reset();
                    form.parsley().reset();
                    toggleShiurFields(); // Re-hide conditional fields after reset
                } else {
                    messageBox
                        .removeClass('text-success')
                        .addClass('text-danger')
                        .html('Error: ' + (response.data || 'An unknown error occurred.'))
                        .fadeIn();
                }
            },
            error: function (xhr, status, error) {
                messageBox
                    .removeClass('text-success')
                    .addClass('text-danger')
                    .html('Submission failed: ' + error)
                    .fadeIn();
            },
            complete: function () {
                submitBtn.prop('disabled', false).text('Register');
            }
        });
    });
});