const phoneInputField = document.querySelector("#privacy-inputphone");
const phoneInput = window.intlTelInput(phoneInputField, {
  initialCountry: "ae", 
  utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",
});

// Example: alert full number and country code on blur
phoneInputField.addEventListener("blur", function () {
  const fullNumber = phoneInput.getNumber(); // e.g. +971501234567
  const check = phoneInputField.value = fullNumber;        // replace input value
});

  // -------
  $(document).ready(function(){

  $('.bench-slider').slick({
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 9000,
      speed: 500,
      infinite: true,
      arrows: true,
      prevArrow: $('.left-benchmark'),
      nextArrow: $('.right-benchmark'),
      dots: false,
      pauseOnHover: false,
      pauseOnFocus: false,
    });

    $('.tech_slider').slick({
      slidesToShow: 8,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 1000,
      speed: 1000,
      infinite: true,
      arrows: false,
      dots: false,
      pauseOnHover: false,
      pauseOnFocus: false,
      responsive: [
        {
          breakpoint: 650, // below 768px
          settings: {
            slidesToShow: 4
          }
        }
      ]
    });

     $('.tech_slider-2').slick({
      slidesToShow: 7,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 1000,
      speed: 1000,
      infinite: true,
      arrows: false,
      dots: false,
      pauseOnHover: false,
      pauseOnFocus: false,
      responsive: [
        {
          breakpoint: 650, // below 768px
          settings: {
            slidesToShow: 3
          }
        }
      ]
    });

     $('.features-slider').slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      autoplay: false,
    //   autoplaySpeed: 6000,
      speed: 1000,
      infinite: true,
      arrows: true,
      dots: false,
      pauseOnHover: false,
      pauseOnFocus: false,
      // prevArrow: $('.custom-prev'),
      // nextArrow: $('.custom-next'),
      responsive: [
    {
      breakpoint: 1080, // below 1200px
      settings: {
        slidesToShow: 3
      }
    },
    {
      breakpoint: 830, // below 992px
      settings: {
        slidesToShow: 2
      }
    },
    {
      breakpoint: 600, // below 768px
      settings: {
        slidesToShow: 1
      }
    }
  ]

    });

      $('.case-slider').slick({
        slidesToShow: 2,
        slidesToScroll: 1,
        autoplay: false,
        autoplaySpeed: 5000,
        speed: 1000,
        infinite: true,
        arrows: true,
        dots: false,
        pauseOnHover: false,
        pauseOnFocus: false,
        responsive: [
        {
          breakpoint: 922, // below 768px
          settings: {
            slidesToShow: 1
          }
        }
      ]
        // prevArrow: $('.custom-prev-2'),
        // nextArrow: $('.custom-next-2')
      
    });

    $('.how-to-slider').slick({
    slidesToScroll: 1,
    initialSlide: 2, 
    slidesToShow: 3,
    autoplay: true,
    autoplaySpeed: 2000,
    speed: 500,
    infinite: true,
    arrows: false,
    dots: false,
    pauseOnHover: true,
    pauseOnFocus: true,
    responsive: [
    {
        breakpoint: 860, // below 992px
        settings: {
        slidesToShow: 2
      }
    },
    {
      breakpoint: 600, // below 768px
        settings: {
        slidesToShow: 1
        }
      }
    ]

    });

        $('.tst-row').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: false,
        autoplaySpeed: 6000,
        speed: 500,
        infinite: false,
        arrows: false,
        dots: false,
        pauseOnHover: false,
        pauseOnFocus: false,
      // prevArrow: $('.custom-prev'),
      // nextArrow: $('.custom-next'),
      responsive: [
    {
      breakpoint: 992, // below 992px
      settings: {
        slidesToShow: 2
      }
    },
    {
      breakpoint: 768, // below 768px
      settings: {
        slidesToShow: 1
      }
    }
  ]

    });

   $('.faq-question').on('click', function () {
    if (!$(this).hasClass('active')) {
      $('.faq-question').removeClass('active');
      $('.faq-answer').slideUp();
      $('.faq-question .icon').text('+');

      $(this).addClass('active');
      $(this).next('.faq-answer').slideDown();
      $(this).find('.icon').text('−');
    } else {
      $(this).removeClass('active');
      $(this).next('.faq-answer').slideUp();
      $(this).find('.icon').text('+');
    }
  });
 
  $('.csBtn').on('click', function() {
    var $bannerForm = $('.form-wrapper');
    
    $bannerForm.addClass('scale-bounce');
    
    // Remove the class after the animation ends
    setTimeout(function() {
      $bannerForm.removeClass('scale-bounce');
    }, 500); // Match the animation duration in milliseconds
  });


  // Tabs functionality
  $(".tab-btn").click(function () {
    $(".tab-btn").removeClass("active");
    $(this).addClass("active");

    let tabId = $(this).data("tab");
    $(".tab-content").hide();
    $("#" + tabId).fadeIn();
  });

  // Accordion functionality
  $(".accordion-header").click(function () {
    $(this).toggleClass("active");
    $(this).next(".accordion-body").slideToggle();
    $(this).parent().siblings().find(".accordion-body").slideUp();
    $(this).parent().siblings().find(".accordion-header").removeClass("active");
  });


  // Tabs functionality
  $(".int-tab").on("mouseenter", function () {
    $(".int-tab").removeClass("active");
    $(this).addClass("active");

    let target = $(this).data("target");
    $(".int-tab-content").removeClass("active");
    $(target).addClass("active");
  });

   // Tabs functionality
  $(".giant-tab").on("mouseenter", function () {
    $(".giant-tab").removeClass("active");
    $(this).addClass("active");

    let target = $(this).data("target");
    $(".giant-tab-content").removeClass("active");
    $(target).addClass("active");
  });

  // eCOmmerce Lanscap Accordions
  $('.ecom-header').on('click', function () {
    var parent = $(this).closest('.ecom-item');

    // Close others
    $('.ecom-item').not(parent).removeClass('active').find('.ecom-content').slideUp();

    // Toggle current
    parent.toggleClass('active');
    parent.find('.ecom-content').slideToggle();
  });

    $('.opportunity-tab-menu li').on('click', function(){
      var tab_id = $(this).data('tab');

      $('.opportunity-tab-menu li').removeClass('active');
      $('.opportunity-tab-content').removeClass('active');

      $(this).addClass('active');
      $('#' + tab_id).addClass('active');
    });

// --- Ready function ---
});


// function ValidateEcomForm(event) {
//     event.preventDefault(); // always stop default submit first

//     // 🛑 Honeypot → BOT
//     const honeypot = document.getElementById('company');
//     if (honeypot && honeypot.value !== '') {

//         // Stop HubSpot + form submission
//         event.stopImmediatePropagation();

//         // Optional: log event in HubSpot
//         if (typeof _hsq !== 'undefined') {
//             _hsq.push(['trackEvent', {
//                 id: 'honeypot_triggered',
//                 value: 'true'
//             }]);
//         }

//         return false;
//     }

//   const name  = document.getElementById("full_name").value.trim();
//     const email = document.getElementById("email").value.trim();
//     const phone = document.getElementById("privacy-inputphone").value.trim();

//     if (!name || !email || !phone) {
//         alert("Please fill in all required fields.");
//         return false;
//     }
    
//     grecaptcha.enterprise.ready(async () => {
//         try {
//             const token = await grecaptcha.enterprise.execute('6LdDg48pAAAAADHEGHxrrZvu1J1xofBN6YInj0bw', { action: 'submit' });
//             document.getElementById("g-recaptcha-response-ecom").value = token;

//             document.getElementById("e-commerce-form").requestSubmit();

//         } catch (error) {
//               // 🔴 CAPTCHA FAIL → log for HubSpot
//             if (typeof _hsq !== 'undefined') {
//                 _hsq.push(['trackEvent', {
//                     id: 'captcha_failed',
//                     value: 'true'
//                 }]);
//             }

//             console.error("reCAPTCHA error:", error);
//             alert("reCAPTCHA verification failed. Please try again.");
//         }
//     });
// }