jQuery(window).on('load', function () {
  'use strict';

  /*  ===================================
     Loading Timeout
     ====================================== */
  $('#loader-fade').fadeOut(800);
});

jQuery(function ($) {
  'use strict';

  var $window = $(window);
  var windowsize = $(window).width();

  /* ===================================
       Nav Scroll
       ====================================== */

  $('.scroll').on('click', function (event) {
    event.preventDefault();

    const target = this.hash;

    if (window.location.pathname !== '/index.html') {
      window.location.href = '/index.html' + target;
    } else {
      $('html,body').animate(
        {
          scrollTop: $(target).offset().top - 40,
        },
        1100,
      );
    }
  });

  /* ====================================
       Nav Fixed On Scroll
       ======================================= */

  $(window).on('scroll', function () {
    if ($(this).scrollTop() >= 80) {
      // Set position from top to add class
      $('header').addClass('header-appear');
    } else {
      $('header').removeClass('header-appear');
    }
  });
  /*bottom menu fix*/
  if ($('nav.navbar').hasClass('bottom-nav')) {
    var navHeight = $('.bottom-nav').offset().top;
    $(window).on('scroll', function () {
      if ($window.scrollTop() > navHeight) {
        $('header').addClass('header-appear');
      } else {
        $('header').removeClass('header-appear');
      }
    });
  }

  /* ===================================
       Side Menu
       ====================================== */

  if ($('.sidemenu_toggle').length) {
    $('.sidemenu_toggle').on('click', function () {
      $('.pushwrap').toggleClass('active');
      $('.side-menu').addClass('side-menu-active'),
        $('#close_side_menu').fadeIn(700);
    }),
      $('#close_side_menu').on('click', function () {
        $('.side-menu').removeClass('side-menu-active'),
          $(this).fadeOut(200),
          $('.pushwrap').removeClass('active');
      }),
      $('.side-nav .navbar-nav .nav-link').on('click', function () {
        $('.side-menu').removeClass('side-menu-active'),
          $('#close_side_menu').fadeOut(200),
          $('.pushwrap').removeClass('active');
      }),
      $('#btn_sideNavClose').on('click', function () {
        $('.side-menu').removeClass('side-menu-active'),
          $('#close_side_menu').fadeOut(200),
          $('.pushwrap').removeClass('active');
      });
  }
  /* =====================================
       Wow
       ======================================== */

  if ($(window).width() > 767) {
    var wow = new WOW({
      boxClass: 'wow',
      animateClass: 'animated',
      offset: 0,
      mobile: false,
      live: true,
    });
    new WOW().init();
  }

  /* ===================================
        Animated Cursor
       ====================================== */

  function animatedCursor() {
    if ($('#animated-cursor').length) {
      var e = { x: 0, y: 0 },
        t = { x: 0, y: 0 },
        n = 0.25,
        o = !1,
        a = document.getElementById('cursor'),
        i = document.getElementById('cursor-loader');
      TweenLite.set(a, { xPercent: -50, yPercent: -50 }),
        document.addEventListener('mousemove', function (t) {
          var n = window.pageYOffset || document.documentElement.scrollTop;
          (e.x = t.pageX), (e.y = t.pageY - n);
        }),
        TweenLite.ticker.addEventListener('tick', function () {
          o ||
            ((t.x += (e.x - t.x) * n),
              (t.y += (e.y - t.y) * n),
              TweenLite.set(a, { x: t.x, y: t.y }));
        }),
        $('.animated-wrap').mouseenter(function (e) {
          TweenMax.to(this, 0.3, { scale: 2 }),
            TweenMax.to(a, 0.3, {
              scale: 2,
              borderWidth: '1px',
              opacity: 0.2,
            }),
            TweenMax.to(i, 0.3, {
              scale: 2,
              borderWidth: '1px',
              top: 1,
              left: 1,
            }),
            TweenMax.to($(this).children(), 0.3, { scale: 0.5 }),
            (o = !0);
        }),
        $('.animated-wrap').mouseleave(function (e) {
          TweenMax.to(this, 0.3, { scale: 1 }),
            TweenMax.to(a, 0.3, {
              scale: 1,
              borderWidth: '2px',
              opacity: 1,
            }),
            TweenMax.to(i, 0.3, {
              scale: 1,
              borderWidth: '2px',
              top: 0,
              left: 0,
            }),
            TweenMax.to($(this).children(), 0.3, { scale: 1, x: 0, y: 0 }),
            (o = !1);
        }),
        $('.testimonial-images .animated-wrap').mouseenter(function (e) {
          TweenMax.to(this, 0.3, { scale: 2 }),
            TweenMax.to(a, 0.3, {
              scale: 2,
              borderWidth: '1px',
              opacity: 0.2,
            }),
            TweenMax.to(i, 0.3, {
              scale: 2,
              borderWidth: '1px',
              top: 1,
              left: 1,
            }),
            TweenMax.to($(this).children(), 0.3, { scale: 0.5 }),
            (o = !0);
        }),
        $('.animated-wrap').mousemove(function (e) {
          var n, o, i, l, r, d, c, s, p, h, x, u, w, f, m;
          (n = e),
            (o = 2),
            (i = this.getBoundingClientRect()),
            (l = n.pageX - i.left),
            (r = n.pageY - i.top),
            (d = window.pageYOffset || document.documentElement.scrollTop),
            (t.x = i.left + i.width / 2 + (l - i.width / 2) / o),
            (t.y = i.top + i.height / 2 + (r - i.height / 2 - d) / o),
            TweenMax.to(a, 0.3, {
              x: t.x,
              y: t.y,
            }),
            (s = e),
            (p = c = this),
            (h = c.querySelector('.animated-element')),
            (x = 20),
            (u = p.getBoundingClientRect()),
            (w = s.pageX - u.left),
            (f = s.pageY - u.top),
            (m = window.pageYOffset || document.documentElement.scrollTop),
            TweenMax.to(h, 0.3, {
              x: ((w - u.width / 2) / u.width) * x,
              y: ((f - u.height / 2 - m) / u.height) * x,
              ease: Power2.easeOut,
            });
        }),
        $('.hide-cursor,.btn,.tp-bullets').mouseenter(function (e) {
          TweenMax.to('#cursor', 0.2, {
            borderWidth: '1px',
            scale: 2,
            opacity: 0,
          });
        }),
        $('.hide-cursor,.btn,.tp-bullets').mouseleave(function (e) {
          TweenMax.to('#cursor', 0.3, {
            borderWidth: '2px',
            scale: 1,
            opacity: 1,
          });
        }),
        $('.link').mouseenter(function (e) {
          TweenMax.to('#cursor', 0.2, {
            borderWidth: '0px',
            scale: 3,
            backgroundColor: 'rgba(255,255,255,0.47)',
            opacity: 0.15,
          });
        }),
        $('.link').mouseleave(function (e) {
          TweenMax.to('#cursor', 0.3, {
            borderWidth: '2px',
            scale: 1,
            backgroundColor: 'rgba(255, 255, 255, 0)',
            opacity: 1,
          });
        });
    }
  }

  if ($(window).width() > 991) {
    setTimeout(function () {
      animatedCursor();
    }, 1000);
  }
  /* ===================================
       Features Section Number Scroller
       ====================================== */

  $('.stats').each(function () {
    $('.numscroller').appear(function () {
      $(this)
        .prop('Counter', 0)
        .animate(
          {
            Counter: $(this).text(),
          },
          {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
              $(this).text(Math.ceil(now));
            },
          },
        );
    });
  });

  /* ===================================
       Parallax
       ====================================== */

  if (windowsize > 992) {
    $('.parallaxie').parallaxie({
      speed: 0.4,
      offset: 0,
    });
  }

  /* ===================================
       Cube Portfolio
       ====================================== */

  (function ($, window, document, undefined) {
    // init cubeportfolio
    $('#js-grid-mosaic-flat').cubeportfolio({
      filters: '#js-filters-mosaic-flat',
      layoutMode: 'mosaic',
      defaultFilter: '*',
      animationType: 'scaleSides',
      gapHorizontal: -1,
      gapVertical: -1,
      gridAdjustment: 'responsive',
      caption: 'zoom',
      displayType: 'fadeIn',
      displayTypeSpeed: 100,
      sortByDimension: true,
      mediaQueries: [
        {
          width: 1500,
          cols: 4,
        },
        {
          width: 1100,
          cols: 4,
        },
        {
          width: 768,
          cols: 2,
        },
        {
          width: 480,
          cols: 1,
        },
        {
          width: 320,
          cols: 1,
        },
      ],
      // lightbox
      lightboxDelegate: '.cbp-lightbox',
      lightboxGallery: true,
      lightboxTitleSrc: 'data-title',
      lightboxCounter:
        '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',

      plugins: {
        loadMore: {
          element: '#js-loadMore-mosaic-flat',
          action: 'click',
          loadItems: 3,
        },
      },
    });

    /*Blog Masonry*/
    $('#blog-masonry').cubeportfolio({
      layoutMode: 'grid',
      defaultFilter: '*',
      animationType: 'scaleSides',
      gapHorizontal: 30,
      gapVertical: 30,
      gridAdjustment: 'responsive',
      mediaQueries: [
        {
          width: 1500,
          cols: 3,
        },
        {
          width: 1100,
          cols: 3,
        },
        {
          width: 992,
          cols: 2,
        },
        {
          width: 600,
          cols: 2,
        },
        {
          width: 480,
          cols: 1,
        },
        {
          width: 320,
          cols: 1,
        },
      ],
    });
    /*Portfolio Three*/
    $('#js-grid-mosaic').cubeportfolio({
      filters: '.filtering',
      layoutMode: 'grid',
      sortByDimension: true,
      mediaQueries: [
        {
          width: 1500,
          cols: 2,
        },
        {
          width: 1100,
          cols: 2,
        },
        {
          width: 768,
          cols: 2,
        },
        {
          width: 600,
          cols: 2,
        },
        {
          width: 320,
          cols: 1,
        },
      ],
      defaultFilter: '*',
      animationType: 'fadeOut',
      gapHorizontal: 20,
      gapVertical: 60,
      gridAdjustment: 'responsive',
      caption: 'zoom',

      // lightbox
      lightboxDelegate: '.cbp-lightbox',
      lightboxGallery: true,
      lightboxTitleSrc: 'data-title',
      lightboxCounter:
        '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',

      plugins: {
        loadMore: {
          element: '#js-loadMore-lightbox-gallery',
          action: 'click',
          loadItems: 5,
        },
      },
    });
  })(jQuery, window, document);

  /* ===================================
       Fancy Box
       ====================================== */
  $('[data-fancybox]').fancybox({
    protect: true,
    animationEffect: 'fade',
    hash: null,
  });

  /* ===================================
       Rotating Text
       ====================================== */

  $('#js-rotating').Morphext({
    // The [in] animation type. Refer to Animate.css for a list of available animations.
    animation: 'flipInX',
    // An array of phrases to rotate are created based on this separator. Change it if you wish to separate the phrases differently (e.g. So Simple | Very Doge | Much Wow | Such Cool).
    separator: ',',
    // The delay between the changing of each phrase in milliseconds.
    speed: 3000,
    complete: function () {
      // Called after the entrance animation is executed.
    },
  });

  /* ===================================
       Owl Carousel
       ====================================== */

  /* Testimonial */
  $('.testimonial-two').owlCarousel({
    items: 1,
    loop: true,
    smartSpeed: 500,
    responsiveClass: true,
    nav: false,
    dots: true,
    dotsContainer: '.owl-thumbs',
    autoplay: false,
    autoplayHoverPause: true,
    autoplayTimeout: 3000,
    responsive: {
      0: {
        items: 1,
        margin: 30,
      },
      480: {
        items: 1,
        margin: 30,
      },
      992: {
        items: 1,
        margin: 30,
      },
    },
  });

  /* Blog */
  $('.owl-split').owlCarousel({
    items: 1,
    margin: 0,
    dots: false,
    nav: false,
    loop: true,
    autoplay: true,
    smartSpeed: 500,
    navSpeed: true,
    autoplayHoverPause: true,
    responsiveClass: true,
  });

  /* ===================================
       Revolution Slider
       ====================================== */

  /*Design Studio*/
  $('#rev_slider_8_1')
    .show()
    .revolution({
      sliderType: 'standard',
      jsFileLocation: '//localhost/revslider/revslider/public/assets/js/',
      sliderLayout: 'fullscreen',
      dottedOverlay: 'none',
      delay: 9000,
      navigation: {
        keyboardNavigation: 'off',
        keyboard_direction: 'horizontal',
        mouseScrollNavigation: 'off',
        mouseScrollReverse: 'default',
        onHoverStop: 'on',
        touch: {
          touchenabled: 'on',
          touchOnDesktop: 'off',
          swipe_threshold: 75,
          swipe_min_touches: 50,
          swipe_direction: 'horizontal',
          drag_block_vertical: false,
        },
        arrows: {
          style: 'uranus',
          enable: false,
          hide_onmobile: true,
          hide_under: 600,
          hide_onleave: true,
          hide_delay: 200,
          hide_delay_mobile: 1200,
          tmp: '<div class="hvr-pulse"></div>',
          left: {
            h_align: 'left',
            v_align: 'center',
            h_offset: 30,
            v_offset: 0,
          },
          right: {
            h_align: 'right',
            v_align: 'center',
            h_offset: 30,
            v_offset: 0,
          },
        },
        bullets: {
          enable: false,
          hide_onmobile: true,
          hide_under: 600,
          style: 'hephaistos',
          hide_onleave: true,
          hide_delay: 200,
          hide_delay_mobile: 1200,
          direction: 'horizontal',
          h_align: 'center',
          v_align: 'bottom',
          h_offset: 0,
          v_offset: 30,
          space: 5,
          tmp: '',
        },
      },
      responsiveLevels: [1240, 1024, 778, 480],
      visibilityLevels: [1240, 1024, 778, 480],
      gridwidth: [1240, 1024, 778, 480],
      gridheight: [868, 600, 500, 400],
      lazyType: 'smart',
      parallax: {
        type: 'mouse',
        origo: 'slidercenter',
        speed: 2000,
        speedbg: 0,
        speedls: 0,
        levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 10, 11, 12, 13, 14, 55],
      },
      shadow: 0,
      spinner: 'off',
      stopLoop: 'off',
      stopAfterLoops: -1,
      stopAtSlide: -1,
      shuffle: 'off',
      autoHeight: 'off',
      fullScreenAutoWidth: 'off',
      fullScreenAlignForce: 'off',
      fullScreenOffsetContainer: '',
      fullScreenOffset: '',
      hideThumbsOnMobile: 'off',
      hideSliderAtLimit: 0,
      hideCaptionAtLimit: 0,
      hideAllCaptionAtLilmit: 0,
      debugMode: false,
      fallbacks: {
        simplifyAll: 'off',
        nextSlideOnWindowFocus: 'off',
        disableFocusListener: false,
      },
    });
});

const slides = document.querySelectorAll('.slide');
const dots = document.querySelectorAll('.slider-dot');
let currentIndex = 0;
let intervalId;

function showSlide(index) {
  const sliderWrapper = document.querySelector('.slider-wrapper');
  if (sliderWrapper) {
    sliderWrapper.style.transform = `translateX(${-index * 100}%)`;
  }
  dots.forEach((dot) => dot.classList.remove('active'));
  if(dots[index]){
    dots[index].classList.add('active');
  }
}

function nextSlide() {
  currentIndex = (currentIndex + 1) % slides.length;
  showSlide(currentIndex);
}

dots.forEach((dot, index) => {
  dot.addEventListener('click', () => {
    clearInterval(intervalId);
    currentIndex = index;
    showSlide(currentIndex);
    // autoSlide();
  });
});

let expanded = false;

function loadMorePartners() {
  const logos = document.querySelectorAll('.partner-logo');
  const button = document.querySelector('.load-more span');
  const arrow = document.querySelector('.load-more .arrow'); // Lấy phần tử hình ảnh

  if (!expanded) {
    logos.forEach((logo) => {
      logo.style.display = 'inline-block';
    });
    button.textContent = 'Thu gọn';
    arrow.classList.add('arrow-active'); // Thêm lớp để xoay hình ảnh
    expanded = true;
  } else {
    // Chỉ hiển thị 4 logo đầu tiên
    logos.forEach((logo, index) => {
      if (index < 4) {
        logo.style.display = 'inline-block';
      } else {
        logo.style.display = 'none';
      }
    });
    button.textContent = 'Tải thêm';
    arrow.classList.remove('arrow-active'); // Xóa lớp để quay lại vị trí ban đầu
    expanded = false;
  }
}

showSlide(0);
// autoSlide();

document.getElementById('partner-infomation-form').addEventListener('submit', function (e) {
  e.preventDefault();

  const formData = new FormData(e.target);
  for (const [key, value] of formData.entries()) {
    console.log(`${key}: ${value}`);
  }

  fetch('https://script.google.com/macros/s/AKfycbws14WA5ZFG7ZWHyFVbxzzV0qqmieALVye6EM3u7W-NWgXADyBHFEOCiqxLik07X1x-6g/exec', {
    method: 'POST',
    body: new URLSearchParams(formData)
  }).then(response => response.text())
    .then(data => {
      Swal.fire({
        title: 'Thành công!',
        text: 'Ghi nhận thông tin thành công, cảm ơn bạn.',
        showConfirmButton: false,
        timer: 2000
      });
    }).catch(error => {
      Swal.fire({
        title: 'Thất bại',
        text: 'Ghi nhận thông tin không thành công, vui lòng thử lại sau.',
        showConfirmButton: false,
        timer: 2000
      });
    });
});