(function ($) {
  "use strict";

$(".toggle-nav").on('click', function() {
  $("#sidebar-links .nav-menu").css("left", "0px");
});
$(".mobile-back").on('click', function() {
  $("#sidebar-links .nav-menu").css("left", "-410px");
});

$(".page-wrapper").attr("class", "page-wrapper " + localStorage.getItem('page-wrapper'));
if (localStorage.getItem("page-wrapper") === null) {
    $(".page-wrapper").addClass("compact-wrapper");
}

// left sidebar and vertical menu
if ($("#pageWrapper").hasClass("compact-wrapper")) {
  $(".sidebar-title").append(
    '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
  );
  $(".sidebar-title").on('click', function() {
    $(".sidebar-title")
      .removeClass("active")
      .find("div")
      .replaceWith(
        '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
      );
    $(".sidebar-submenu, .menu-content").slideUp("normal");
    $(".menu-content").slideUp("normal");
    if ($(this).next().is(":hidden") == true) {
      $(this).addClass("active");
      $(this)
        .find("div")
        .replaceWith(
          '<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
        );
      $(this).next().slideDown("normal");
    } else {
      $(this)
        .find("div")
        .replaceWith(
          '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
        );
    }
  });
  $(".sidebar-submenu, .menu-content").hide();
  $(".submenu-title").append(
    '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
  );
  $(".submenu-title").on('click', function() {
    $(".submenu-title")
      .removeClass("active")
      .find("div")
      .replaceWith(
        '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
      );
    $(".submenu-content").slideUp("normal");
    if ($(this).next().is(":hidden") == true) {
      $(this).addClass("active");
      $(this)
        .find("div")
        .replaceWith(
          '<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
        );
      $(this).next().slideDown("normal");
    } else {
      $(this)
        .find("div")
        .replaceWith(
          '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
        );
    }
  });
  $(".submenu-content").hide();
} else if ($("#pageWrapper").hasClass("horizontal-wrapper")) {
  $(window).on("load", function () {
    $(document).on("load", ($(window).bind("resize", checkPosition)));
    function checkPosition() {
      if (window.matchMedia("(max-width: 991px)").matches) {
        $("#pageWrapper")
          .removeClass("horizontal-wrapper")
          .addClass("compact-wrapper");
        $(".page-body-wrapper")
          .removeClass("horizontal-menu")
          .addClass("sidebar-icon");
        $(".submenu-title").append(
          '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
        );
        $(".submenu-title").on('click', function() {
          $(".submenu-title").removeClass("active");
          $(".submenu-title")
            .find("div")
            .replaceWith(
              '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
            );
          $(".submenu-content").slideUp("normal");
          if ($(this).next().is(":hidden") == true) {
            $(this).addClass("active");
            $(this)
              .find("div")
              .replaceWith(
                '<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
              );
            $(this).next().slideDown("normal");
          } else {
            $(this)
              .find("div")
              .replaceWith(
                '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
              );
          }
        });
        $(".submenu-content").hide();

        $(".sidebar-title").append(
          '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
        );
        $(".sidebar-title").on('click', function() {
          $(".sidebar-title").removeClass("active");
          $(".sidebar-title")
            .find("div")
            .replaceWith(
              '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
            );
          $(".sidebar-submenu, .menu-content").slideUp("normal");
          if ($(this).next().is(":hidden") == true) {
            $(this).addClass("active");
            $(this)
              .find("div")
              .replaceWith(
                '<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
              );
            $(this).next().slideDown("normal");
          } else {
            $(this)
              .find("div")
              .replaceWith(
                '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
              );
          }
        });
        $(".sidebar-submenu, .menu-content").hide();
      }
    }
  });
} else if ($("#pageWrapper").hasClass("compact-sidebar")) {
  var contentwidth = $(window).width();
  if (contentwidth > 992) {
    $('<div class="bg-overlay1"></div>').appendTo($("body"));
  }

  $(".sidebar-title").on('click', function() {
    $(".sidebar-title").removeClass("active");
    $(".bg-overlay1").removeClass("active");
    $(".sidebar-submenu").removeClass("close-submenu").slideUp("normal");
    $(".sidebar-submenu, .menu-content").slideUp("normal");
    $(".menu-content").slideUp("normal");

    if ($(this).next().is(":hidden") == true) {
      $(this).addClass("active");
      $(this).next().slideDown("normal");
      $(".bg-overlay1").addClass("active");

      $(".bg-overlay1").on('click', function() {
        $(".sidebar-submenu, .menu-content").slideUp("normal");
        $(this).removeClass("active");
      });
    }
    if (contentwidth < "992") {
      $(".bg-overlay").addClass("active");
    }
  });
  $(".sidebar-submenu, .menu-content").hide();
  $(".submenu-title").append(
    '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
  );
  $(".submenu-title").on('click', function() {
    $(".submenu-title")
      .removeClass("active")
      .find("div")
      .replaceWith(
        '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
      );
    $(".submenu-content").slideUp("normal");
    if ($(this).next().is(":hidden") == true) {
      $(this).addClass("active");
      $(this)
        .find("div")
        .replaceWith(
          '<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
        );
      $(this).next().slideDown("normal");
    } else {
      $(this)
        .find("div")
        .replaceWith(
          '<div class="according-menu"><i class="fa fa-angle-right"></i></div>'
        );
    }
  });
  $(".submenu-content").hide();

  $(".sidebar-wrapper nav").find("a").removeClass("active");
  $(".sidebar-wrapper nav").find("li").removeClass("active");

  var current = window.location.pathname;
  $(".sidebar-wrapper nav ul>li a").filter(function () {
    var link = $(this).attr("href");
    if (link) {
      if (current.indexOf(link) != -1) {
        $(this).parents().children("a").addClass("active");
        $(this)
          .parents()
          .parents()
          .children(".nav-sub-childmenu")
          .css("display", "block");
        $(this).addClass("active");
        $(this)
          .parent()
          .parent()
          .parent()
          .children("a")
          .find("div")
          .replaceWith(
            '<div class="according-menu"><i class="fa fa-angle-down"></i></div>'
          );
        return false;
      }
    }
  });
}

// toggle sidebar
var $nav = $(".sidebar-wrapper");
var $header = $(".page-header");
var $toggle_nav_top = $(".toggle-sidebar");
$toggle_nav_top.on('click', function() {
  $nav.toggleClass("close_icon");
  $header.toggleClass("close_icon");
  $(window).trigger("overlay");
});

$(window).on("overlay", function () {
  var $bgOverlay = $(".bg-overlay");
  var $isHidden = $nav.hasClass("close_icon");
  if ($(window).width() <= 991 && !$isHidden && $bgOverlay.length === 0) {
    $('<div class="bg-overlay active"></div>').appendTo($("body"));
  }

  if ($isHidden && $bgOverlay.length > 0) {
    $bgOverlay.remove();
  }
});

$(".sidebar-wrapper .back-btn").on('click', function(e) {
  $(".page-header").toggleClass("close_icon");
  $(".sidebar-wrapper").toggleClass("close_icon");
  $(window).trigger("overlay");
});

$("body").on("click", ".bg-overlay", function () {
  $header.addClass("close_icon");
  $nav.addClass("close_icon");
  $(this).remove();
});

var $body_part_side = $(".body-part");
$body_part_side.on('click', function() {
  $toggle_nav_top.attr("checked", false);
  $nav.addClass("close_icon");
  $header.addClass("close_icon");
});

//    responsive sidebar
var $window = $(window);
var widthwindow = $window.width();
(function ($) {
  "use strict";
  if (widthwindow <= 1385) {
    $toggle_nav_top.attr("checked", false);
    $nav.addClass("close_icon");
    $header.addClass("close_icon");
  }
})(jQuery);

// horizontal arrows
var view = $("#sidebar-menu");
var move = "500px";
var leftsideLimit = -500;

// get wrapper width
var getMenuWrapperSize = function () {
  return $(".sidebar-wrapper").innerWidth();
};
var menuWrapperSize = getMenuWrapperSize();

if (menuWrapperSize >= "1660") {
  var sliderLimit = -3000;
} else if (menuWrapperSize >= "1440") {
  var sliderLimit = -3600;
} else {
  var sliderLimit = -4200;
}

$("#left-arrow").addClass("disabled");
$("#right-arrow").on('click', function() {
  var currentPosition = parseInt(view.css("marginLeft"));
  if (currentPosition >= sliderLimit) {
    $("#left-arrow").removeClass("disabled");
    view.stop(false, true).animate(
      {
        marginLeft: "-=" + move,
      },
      {
        duration: 400,
      }
    );
    if (currentPosition == sliderLimit) {
      $(this).addClass("disabled");
    }
  }
});

$("#left-arrow").on('click', function() {
  var currentPosition = parseInt(view.css("marginLeft"));
  if (currentPosition < 0) {
    view.stop(false, true).animate(
      {
        marginLeft: "+=" + move,
      },
      {
        duration: 400,
      }
    );
    $("#right-arrow").removeClass("disabled");
    $("#left-arrow").removeClass("disabled");
    if (currentPosition >= leftsideLimit) {
      $(this).addClass("disabled");
    }
  }
});

// page active
if ($('#pageWrapper').hasClass('compact-wrapper')) {
  $(".sidebar-wrapper nav #sidebar-menu .simplebar-wrapper .simplebar-content-wrapper .simplebar-content").find("a").removeClass("active");
  $(".sidebar-wrapper nav #sidebar-menu .simplebar-wrapper .simplebar-content-wrapper .simplebar-content").find("li").removeClass("active");

  var current = window.location.pathname
  $(".sidebar-wrapper nav #sidebar-menu ul .simplebar-mask li a").filter(function () {

      var link = $(this).attr("href");
      if (link) {
          if (current.indexOf(link) != -1) {
              $(this).parents().children('a').addClass('active');
              $(this).parents().parents().children('ul').css('display', 'block');
              $(this).addClass('active');
              $(this).parent().parent().parent().children('a').find('div').replaceWith('<div class="according-menu"><i class="fa fa-angle-down"></i></div>');
              $(this).parent().parent().parent().parent().parent().children('a').find('div').replaceWith('<div class="according-menu"><i class="fa fa-angle-down"></i></div>');
              return false;
          }
      }
  });
}

$(".left-header .mega-menu .nav-link").on("click", function (event) {
  event.stopPropagation();
  $(this).parent().children(".mega-menu-container").toggleClass("show");
});

$(".left-header .level-menu .nav-link").on("click", function (event) {
  event.stopPropagation();
  $(this).parent().children(".header-level-menu").toggleClass("show");
});

$(document).on('click', function() {
  $(".mega-menu-container").removeClass("show");
  $(".header-level-menu").removeClass("show");
});

$(window).scroll(function () {
  var scroll = $(window).scrollTop();
  if (scroll >= 50) {
    $(".mega-menu-container").removeClass("show");
    $(".header-level-menu").removeClass("show");
  }
});

$(".left-header .level-menu .nav-link").on('click', function() {
  if ($(".mega-menu-container").hasClass("show")) {
    $(".mega-menu-container").removeClass("show");
  }
});

$(".left-header .mega-menu .nav-link").on('click', function() {
  if ($(".header-level-menu").hasClass("show")) {
    $(".header-level-menu").removeClass("show");
  }
});

$(document).ready(function () {
  $(".outside").on('click', function() {
    $(this).find(".menu-to-be-close").slideToggle("fast");
  });
});
$(document).on("click", function (event) {
  var $trigger = $(".outside");
  if ($trigger !== event.target && !$trigger.has(event.target).length) {
    $(".menu-to-be-close").slideUp("fast");
  }
});

$(".left-header .link-section > div").on("click", function (e) {
  if ($(window).width() <= 1199) {
    $(".left-header .link-section > div").removeClass("active");
    $(this).toggleClass("active");
    $(this).parent().children("ul").toggleClass("d-block").slideToggle();
  }
});

if ($(window).width() <= 1199) {
  $(".left-header .link-section").children("ul").css("display", "none");
  $(this).parent().children("ul").toggleClass("d-block").slideToggle();
}
// active link
if($('.simplebar-wrapper .simplebar-content-wrapper') && $('#pageWrapper').hasClass('compact-wrapper')) {
  $('.simplebar-wrapper .simplebar-content-wrapper').animate({
  scrollTop: $('.simplebar-wrapper .simplebar-content-wrapper a.active').offset().top - 400
  }, 1000);
 }
})(jQuery);

$(window).resize(function () {	
  var widthwindaw = $window.width();	
  if (widthwindaw <= 1400) {	
    $toggle_nav_top.attr("checked", false);	
    $nav.addClass("close_icon");	
    $header.addClass("close_icon");	
    // alert("1");	
  } 	
  else if (widthwindaw => 1400) {	
    $toggle_nav_top.attr("checked", true);	
    $nav.removeClass("close_icon");	
    $header.removeClass("close_icon");	
    // alert(" else if ");	
  }	
});