$(document).ready(function() {
    "use strict";
    // https://www.jqueryscript.net/menu/Vertical-Responsive-Multi-level-Nav-Menu-with-jQuery-CSS3.html
    // $(document).ready(function() {
    //   $("body").bootstrapMaterialDesign();
    // });
  
    // Layout script
    var $appAdminWrap = $(".app-admin-wrap");
    var $sidebarPanel = $(".sidebar-panel");
    var $sidebarFullToggle = $(".sidebar-full-toggle");
    var $sidebarCompactToggle = $(".sidebar-compact-switch");
    var $mobileMenu = $(".mobile-menu-icon");
    var $mobileMenuCollapse = $(".switch-overlay");
    

    // mobile-menu
    $mobileMenu.on("click", function(){
      mobileMenuClick();
    })
    $mobileMenuCollapse.on("click", function(){
      sidebarSwitchOverlay()
    })
    function mobileMenuClick(){
      // $appAdminWrap.toggleClass('sidebar-compact-onhover');
      $(".app-admin-wrap.sidebar-full .sidebar-panel").addClass('sidebar-switch-open')
    }
    function sidebarSwitchOverlay()
    {
      $(".app-admin-wrap.sidebar-full .sidebar-panel").removeClass('sidebar-switch-open')
    }


    
    $mobileMenuCollapse.on("click", function(){
      // $appAdminWrap.toggleClass('sidebar-compact-onhover');
      $(".app-admin-wrap.sidebar-full .main-content-wrap").removeClass("sidebar-full-z-index");  
    })

    
    function openSidebarFull() {
      $appAdminWrap.removeClass("sidebar-closed");
      $appAdminWrap.addClass("sidebar-full");
    }
    function closeSidebarFull() {
      $appAdminWrap.addClass("sidebar-closed");
      $appAdminWrap.removeClass("sidebar-full");
    }
    function openSidebarCompact() {
      $appAdminWrap.addClass("sidebar-compact");
    }
    function closeSidebarCompact() {
      $appAdminWrap.removeClass("sidebar-compact");
    }
    function toggleOnHover() {
      closeSidebarCompact();
        $appAdminWrap.toggleClass('sidebar-compact-onhover');
        $(".app-admin-wrap.sidebar-full .main-content-wrap").toggleClass("sidebar-full-z-index"); 
    }
    
    $sidebarFullToggle.on("click", function() {
      $appAdminWrap.addClass("sidebar-full");
      $appAdminWrap.toggleClass("sidebar-closed");
      
      
  
    });
  
    $sidebarCompactToggle.on("click", function() {
        toggleOnHover();
       
        
    });
  
    $sidebarPanel.on('mouseenter', function(e) {
        if($appAdminWrap.hasClass('sidebar-compact-onhover')) {
          closeSidebarCompact();
          openSidebarFull();
          
          $('ul.metismenu .item-name').show();
          $('.main-menu-title').show();
          $('.metismenu .has-arrow').removeClass('without-after-element');
         
        }
    })
    .on('mouseleave', function(e) {
      if($appAdminWrap.hasClass('sidebar-compact-onhover')) {
          closeSidebarFull();
          openSidebarCompact();
          
          $('ul.metismenu .item-name').hide();
          $('.main-menu-title').hide();
          $('.metismenu .has-arrow').addClass('without-after-element');
      }
    });
  
    // Sidebar dropdown
  
    var $dropdown = $(".dropdown");
    var $subMenu = $(".sub-menu");
  
    $dropdown.find('> a').on("click", function(e) {
      e.preventDefault();
      e.stopPropagation();
      
      $(this).parent('.dropdown').toggleClass("open");
    });
  
    // Perfect scrollbar
    $(".perfect-scrollbar, [data-perfect-scrollbar]").each(function(index) {
      var $el = $(this);
      var ps = new PerfectScrollbar(this, {
        suppressScrollX: $el.data("suppress-scroll-x"),
        suppressScrollY: $el.data("suppress-scroll-y")
      });
    });
  });