(function ($) {
  "use strict"; // Start of use strict

  // Toggle the side navigation
  $("#sidebarToggle, #sidebarToggleTop").on('click', function (e) {
    $("body").toggleClass("sidebar-toggled");
    $(".sidebar").toggleClass("toggled");

    if ($(".sidebar").hasClass("toggled")) {
      $('.sidebar .collapse').collapse('hide');
      //네비바의 텍스트 숨기기
      //$('.nav-item').children('.nav-link').children('span').hide();
    }else if(!$(".sidebar").hasClass("toggled")){
      $('.nav-item').children('.nav-link').children('span').show();
    };
  });

  // Close any open menu accordions when window is resized below 768px
  $(window).resize(function () {
    // if ($(window).width() < 768) {
    //   $('.sidebar .collapse').collapse('hide');
    //   //네비바의 텍스트 숨기기
    //   //$('.nav-item').children('.nav-link').children('span').hide();
    // };

    // Toggle the side navigation when window is resized below 480px
    // if ($(window).width() < 480 && !$(".sidebar").hasClass("toggled")) {
    //   $("body").addClass("sidebar-toggled");
    //   $(".sidebar").addClass("toggled");
    //   $('.sidebar .collapse').collapse('hide');
    //   //네비게이션 텍스트 숨기기
    //   //$('.nav-item').children('.nav-link').children('span').hide();
    // };
  });

  // Prevent the content wrapper from scrolling when the fixed side navigation hovered over
  $('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel', function (e) {
    if ($(window).width() > 768) {
      var e0 = e.originalEvent,
        delta = e0.wheelDelta || -e0.detail;
      this.scrollTop += (delta < 0 ? 1 : -1) * 30;
      e.preventDefault();
    }
  });

  // Scroll to top button appear
  $(document).on('scroll', function () {
    var scrollDistance = $(this).scrollTop();
    if (scrollDistance > 100) {
      $('.scroll-to-top').fadeIn();
    } else {
      $('.scroll-to-top').fadeOut();
    }
  });

  // Smooth scrolling using jQuery easing
  $(document).on('click', 'a.scroll-to-top', function (e) {
    var $anchor = $(this);
    $('html, body').stop().animate({
      scrollTop: ($($anchor.attr('href')).offset().top)
    }, 1000, 'easeInOutExpo');
    e.preventDefault();
  });



  /* menubar -> URL */
  $(document).ready(function(){
    var link = document.location.href;
    var activeTabLink = link.split('/').pop();
        activeTabLink="./"+activeTabLink;
    $('li.nav-item').each(function(){
      var parent = $(this); //nav-item
      var icon = parent.children().children('i');
      var linka = parent.children('a.nav-link').attr('href'); //nav-link attr href

      if(activeTabLink===linka){
        parent.addClass('active');
        icon.addClass('active');
        parent.siblings().removeClass('active');
      }
    })

    if(activeTabLink.includes("management.jsp")){
      $('.fa-airconditioner').addClass('active');
      $('.fa-airconditioner').parent().parent('li').addClass('active');
    }

    if(activeTabLink.includes("details.jsp")){
      $("a[href$='./management.jsp']").parent().addClass('active');
      $("a[href$='./management.jsp']").children('i').addClass('active');
      $("a[href$='./management.jsp']").parent().siblings().removeClass('active');
    }
    
    if(activeTabLink.includes("alarm.jsp")){
      $('.fa-alarm').addClass('active');
      $('.fa-alarm').parent().parent('li').addClass('active');
    }

    if(activeTabLink.includes("devices.jsp") ||  activeTabLink.includes("users.jsp") || activeTabLink.includes("presets.jsp") || activeTabLink.includes("mypage.jsp")){
      $('.fa-setting').addClass('active');
      $('.fa-setting').parent().parent().addClass('active');
    }
    
  })

})(jQuery); // End of use strict