$(document).ready(function () {
  var letCollapseWidth = false,
      paddingValue = 30,
      sumWidth = $('.navbar-right-block').width() + $('.navbar-left-block').width() + $('.navbar-brand').width() + paddingValue;

  $(window).on('resize', function () {
    navbarResizerFunc();
  });

  var navbarResizerFunc = function navbarResizerFunc() {
    if (sumWidth <= $(window).width()) {
      if (letCollapseWidth && letCollapseWidth <= $(window).width()) {
        $('#navbar').addClass('navbar-collapse');
        $('#navbar').removeClass('navbar-collapsed');
        $('nav').removeClass('navbar-collapsed-before');
        letCollapseWidth = false;
      }
    } else {
      $('#navbar').removeClass('navbar-collapse');
      $('#navbar').addClass('navbar-collapsed');
      $('nav').addClass('navbar-collapsed-before');
      letCollapseWidth = $(window).width();
    }
  };

  if ($(window).width() >= 768) {
    navbarResizerFunc();
  }

  $('[data-toggle="tooltip"]').tooltip();


  /* counter up */
  'use strict';
  var counterUp = window.counterUp['default']; // import counterUp from "counterup2"
  var $counters = $('.counter');
  /* Start counting, do this on DOM ready or with Waypoints. */

  $counters.each(function (ignore, counter) {
    const waypointDown = new Waypoint({
      element: $(this),
      handler: function(direction) {
        if(direction == 'up') {
          return;
        }
        counterUp(counter, {
          duration: 1000,
          delay: 10,
          time:4000,
        });
      },
      offset: '100%',
    });

    const waypointUp = new Waypoint({
      element: $(this),
      handler: function(direction) {
        if(direction == 'down') {
          return;
        }
        counterUp(counter, {
          duration: 1000,
          delay: 10,
          time:4000,
        });
      },
      offset: '0',
    });
  });



  /* slider */
  var swiper = new Swiper(".reviewSliderWrapper", {
    pagination: {   
      el: ".pagination_bullet", 
      clickable: true,   
      type : 'bullets', 
      renderBullet: function (index, className) {
        return '<span class="' + className + '">' + (index + 1) + "</span>";
      },
    },
    slidesPerView: 'auto',
    spaceBetween: 16,
    centeredSlides: true,
    loop: false,   // 슬라이드 반복 여부
    slideToClickedSlide : true,
     autoplay: {
        delay: 3000,
        disableOnInteraction: false,
        },
    breakpoints: {
      360: {
        //slidesPerView: 1.5,
      },
      768: {
        //slidesPerView: 3.1,
      },
      1400: {
        //slidesPerView: 4,
        spaceBetween: 24,
      }
    }
  });



  //  responsiveSwiper();



  let currentIndex = 1;

  swiper.on('transitionEnd', function() {
    currentIndex = swiper.realIndex + 1;

    $('div.swiperProgressbar').width('calc(100% / 6 * '+currentIndex+')')
  });

  /* header 유저 아이콘 클릭 */
  $('.userImage').click(function() {
    $('.userInfoMenu').toggle();
  })

  /* sidemenu 아이콘 클릭 */
  $('.sideMenuIcon').click(function() {
    if($('#sideMenu').hasClass('on')) {
      $('#sideMenu').removeClass('on');
      $('#sideMenu').addClass('off');
    } else {
      $('#sideMenu').removeClass('off');
      $('#sideMenu').addClass('on');
    }
  })

  /* 주문하기 timer */
  const timer = setInterval(() => {
    const now = new Date();

    const hour = parseInt(now.getHours()) < 10 ? "0"+now.getHours() : now.getHours(); // 시간
    const minute = parseInt(now.getMinutes()) < 10 ? "0"+now.getMinutes() : now.getMinutes(); // 분
    const seconds = parseInt(now.getSeconds()) < 10 ? "0"+now.getSeconds() : now.getSeconds(); // 초

    $("span.timer").text(hour+":"+minute+":"+seconds);

  }, 1000);

  /* 복사하기 버튼 클릭*/
  $('div.copyButton').click(function() {
    const clipboard = new Clipboard('.copyButton');

    clipboard.on('success', function(e) {
      alert("추천인 링크가 복사되었습니다.");
    });

    clipboard.on('error', function(e) {
      alert("Ctrl + C 를 눌러서 복사해 주세요.");
    });
  });

  // 결제창 footer, kakao버튼 삭제
  if(window.location.pathname == '/payment' || window.location.pathname == '/payment-success'){
    $("footer").remove();
    $("#floating-button").remove();
  }
});

AOS.init();



/* 접었다 펴기 */
$( '.menuWrapper li a' ).on( 'click', function () {
  $( '.menuWrapper li' ).find( 'li.active' ).removeClass( 'active' );
  $( this ).parent( 'li' ).addClass( 'active' );
});

/* userimage */
$('.userImage').click(function(){
  $('.userImage').not(this).removeClass('active');
  $(this).toggleClass('active');
});

/* 정해진 시간에 랜덤한 숫자 나오게 하기*/
$(document).ready(function() {
  const allDayOrderQuantity = localStorage.getItem('allDayOrderQuantity'); // 실시간 관리 계정수
  const holdingOrderQuantity = localStorage.getItem('holdingOrderQuantity'); // 24시간 배포 수
  const totalOrderQuantity = localStorage.getItem('totalOrderQuantity'); // 실시간 검색 최적화 수

  const randomAllDayOrderQuantity = Math.floor(((Math.random()*(700 - 1000))) + 1000); // 700~1000 랜덤 값
  const randomHoldingOrderQuantity = Math.floor(((Math.random()*(1400 - 2000))) + 2000); // 1400~2000 랜덤 값
  const randomTotalOrderQuantity = Math.floor(((Math.random()*(900 - 1200))) + 1200); // 900~1200 랜덤 값

  //const now = new Date('July 20, 69 09:00:00'); // 현재 날짜 및 시간
  const now = new Date(); // 현재 날짜 및 시간
  const Hours = now.getHours(); // 시
  const minutes = now.getMinutes(); // 분
  const seconds = now.getSeconds(); // 초

  // 초기 설정 - localStorage에 24시간 주문량 없을 때
  if(!allDayOrderQuantity) {
    localStorage.setItem('allDayOrderQuantity', randomAllDayOrderQuantity);

    $('span.randomNumber1').text(randomAllDayOrderQuantity);
  }
  
  // 초기 설정 - localStorage에 보유 주문량 없을 때
  if(!holdingOrderQuantity) {
    localStorage.setItem('holdingOrderQuantity', randomHoldingOrderQuantity);

    $('span.randomNumber2').text(randomHoldingOrderQuantity);
  }

  // 초기 설정 - localStorage에 총 주문량 없을 때
  if(!totalOrderQuantity) {
    localStorage.setItem('totalOrderQuantity', randomTotalOrderQuantity);

    $('span.randomNumber3').text(randomTotalOrderQuantity);
  }

  // localStorage에 저장된 값 있을 때
  if(allDayOrderQuantity && holdingOrderQuantity && totalOrderQuantity) {
    // 정각 -> random값 변경
    if(Hours == 9 && minutes == 0 && seconds == 0) {
      localStorage.setItem('allDayOrderQuantity', randomAllDayOrderQuantity);
      localStorage.setItem('holdingOrderQuantity', randomHoldingOrderQuantity);
      localStorage.setItem('totalOrderQuantity', randomTotalOrderQuantity);
      
      $('span.randomNumber1').text(randomAllDayOrderQuantity)
      $('span.randomNumber2').text(randomHoldingOrderQuantity)
      $('span.randomNumber3').text(randomTotalOrderQuantity)
      
      return;
    } else {   // 정각 아니면 localstorage 값 사용
      $('span.randomNumber1').text(allDayOrderQuantity)
      $('span.randomNumber2').text(holdingOrderQuantity)
      $('span.randomNumber3').text(totalOrderQuantity)
      return;
    }
  }
})

/* mouse click active */

/*const batSignal = document.documentElement;
    batSignal.addEventListener("mouseenter", e => {
      let cursorPosition = 50;
      e.cursorPosition = e.cursorPosition || 50;
      batSignal.style.setProperty('--signal-x', e.clientX - e.cursorPosition/2 + "px");
      batSignal.style.setProperty('--signal-y', e.clientY - e.cursorPosition/2 + "px");
      document.querySelector('.bat-signal').style.display='block';
      setTimeout(()=> {
        document.querySelector('.bat-signal').style.display='none'
      }, 500);
      return false;
    });*/

/* mouse scroll 막기 */