'use script'

// Add backdrop element
$('body').append('<div class="main-backdrop"></div>');

// Enable tooltips everywhere
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
  return new bootstrap.Tooltip(tooltipTriggerEl)
});

// Show sidebar in mobile
$('#menuLink').on('click', function (e) {
  e.preventDefault();

  $('body').toggleClass('sidebar-show');
});

// Hide sidebar in mobile
$('body').on('click', '.main-backdrop', function () {
  $('body').removeClass('sidebar-show sideright-show');
})

// Sidebar Interaction
// const psSidebar = new PerfectScrollbar('#sidebarMenu', {
//   suppressScrollX: true
// });

// $('.sidebar .nav-label').on('click', function (e) {
//   e.preventDefault();

//   $(this).parent().toggleClass('show');
//   $('.sidebar').removeClass('footer-menu-show');

//   psSidebar.update();
// });

// $('.sidebar .has-sub').on('click', function (e) {
//   e.preventDefault();

//   $(this).parent().siblings().removeClass('show');
//   $(this).parent().toggleClass('show');
//   $('.sidebar').removeClass('footer-menu-show');

//   psSidebar.update();
// });

// $('#sidebarFooterMenu').on('click', function (e) {
//   e.preventDefault();
//   $(this).closest('.sidebar').toggleClass('footer-menu-show');
// });

// Header mobile effect on scroll
function animateHead() {
  if ($(document).scrollTop() > 20) {
    $('.main-mobile-header').addClass('scroll');
  } else {
    $('.main-mobile-header').removeClass('scroll');
  }
}

$(window).scroll(function () {
  animateHead();
});

// Click interaction anywhere in the page
$(document).on('click touchstart', function (e) {
  e.stopPropagation();

  // closing sidebar footer menu
  if (!$(e.target).closest('.sidebar-footer').length) {
    $('.sidebar').removeClass('footer-menu-show');
  }
});

// Form search
$('.form-search .form-control').on('focusin focusout', function (e) {
  $(this).parent().toggleClass('onfocus');
});

// Show/hide sidebar
// $('#menuSidebar').on('click', function (e) {
//   e.preventDefault();

//   if (window.matchMedia('(min-width: 992px)').matches) {
//     $('body').toggleClass('sidebar-hide');
//   } else {
//     $('body').toggleClass('sidebar-show');
//   }
// });

// Show/hide sidebar offset
// $('#menuSidebarOffset').on('click', function (e) {
//   e.preventDefault();

//   $('body').toggleClass('sidebar-show');
// });

// Load skin mode
var skinMode = localStorage.getItem('skin-mode');
if (skinMode) {
  $('html').attr('data-skin', 'dark');
  $('#skinMode .nav-link:last-child').addClass('active').siblings().removeClass('active');
}

// Set skin mode
$('#skinMode .nav-link').on('click', function (e) {
  e.preventDefault();
  $(this).addClass('active').siblings().removeClass('active');

  var mode = $(this).text().toLowerCase();
  if (mode == 'dark') {
    $('html').attr('data-skin', 'dark');
    localStorage.setItem('skin-mode', mode);
  } else {
    localStorage.removeItem('skin-mode');
    $('html').attr('data-skin', '');
  }
});

// Load sidebar skin
var sidebarSkin = localStorage.getItem('sidebar-skin');
if (sidebarSkin) {
  $('.sidebar').attr('class', 'sidebar sidebar-' + sidebarSkin);

  if (sidebarSkin == 'prime') {
    $('#sidebarSkin .nav-link:nth-child(2)').addClass('active').siblings().removeClass('active');
  } else {
    $('#sidebarSkin .nav-link:last-child').addClass('active').siblings().removeClass('active');
  }
}

// Set sidebar skin
$('#sidebarSkin .nav-link').on('click', function (e) {
  e.preventDefault();
  $(this).addClass('active').siblings().removeClass('active');

  var skin = $(this).text().toLowerCase();
  if (skin == 'default') {

    $('.sidebar').attr('class', 'sidebar');
    localStorage.removeItem('sidebar-skin');

  } else {

    $('.sidebar').attr('class', 'sidebar sidebar-' + skin);
    localStorage.setItem('sidebar-skin', skin);
  }
});
