text: "use strict!"
  
  $(document).ready(function () {
  
      $("#pcoded").pcodedmenu({
  
          themelayout: 'vertical',
  
          verticalMenuplacement: 'left', // value should be left/right
  
          verticalMenulayout: 'wide', // value should be wide/box
  
          MenuTrigger: 'click', // click / hover
  
          SubMenuTrigger: 'click', // click / hover
  
          activeMenuClass: 'active',
  
          ThemeBackgroundPattern: 'pattern1',  // pattern1, pattern2, pattern3, pattern4, pattern5, pattern6
  
          HeaderBackground: 'theme5',  // theme1, theme2, theme3, theme4, theme5  header color
  
          LHeaderBackground: 'theme6', // theme1, theme2, theme3, theme4, theme5, theme6   brand color
  
          NavbarBackground: 'theme1', // themelight1, theme1  // light  and dark sidebar
  
          ActiveItemBackground: 'theme10', // theme1, theme2, theme3, theme4, theme5, theme6, theme7, theme8, theme9, theme10, theme11, theme12  mennu active item color // theme1, theme2, theme3, theme4, theme5, theme6, theme7, theme8, theme9, theme10, theme11, theme12  mennu active item color
  
          SubItemBackground: 'theme2',
  
          ActiveItemStyle: 'style0',
  
          ItemBorder: true,
  
          ItemBorderStyle: 'none',
  
          NavbarImage:'false',
  
          ActiveNavbarImage:'img1',
  
          SubItemBorder: true,
  
          DropDownIconStyle: 'style3', // Value should be style1,style2,style3
  
          menutype: 'st2', // Value should be st1, st2, st3, st4, st5 menu icon style
  
          layouttype:'light', // Value should be light / dark
  
          FixedNavbarPosition: true,  // Value should be true / false  header postion
  
          FixedHeaderPosition: true,  // Value should be true / false  sidebar menu postion
  
          collapseVerticalLeftHeader: true,
  
          VerticalSubMenuItemIconStyle: 'style7', // value should be style1, style2, style3, style4, style5, style6
  
          VerticalNavigationView: 'view1',
  
          verticalMenueffect: {
  
              desktop: "shrink",
  
              tablet: "overlay",
  
              phone: "overlay",
  
          },
  
          defaultVerticalMenu: {
  
              desktop: "expanded", // value should be offcanvas/collapsed/expanded/compact/compact-acc/fullpage/ex-popover/sub-expanded
  
              tablet: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
  
              phone: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
  
          },
  
          onToggleVerticalMenu: {
  
              desktop: "offcanvas", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
  
              tablet: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
  
              phone: "expanded", // value should be offcanvas/collapsed/expanded/compact/fullpage/ex-popover/sub-expanded
  
          },
  
  
  
      });
  
      function handlenavimg() {
  
          $('.theme-color > a.navbg-pattern').on("click", function () {
  
              var value = $(this).attr("navbg-pattern");
  
              $('.pcoded').attr('sidebar-img-type', value);
  
          });
  
      };
  
      handlenavimg();
  
      /* layout type Change function Start */
  
      function handlelayouttheme() {
  
          $('.theme-color > a.Layout-type').on("click", function () {
  
              var layout = $(this).attr("layout-type");
  
              $('.pcoded').attr("layout-type", layout);
  
              if(layout=='dark'){
  
                  $('.pcoded-header').attr("header-theme", "theme1");
  
                  $('.pcoded-navbar').attr("navbar-theme", "theme1");
  
                  $('.pcoded').attr("sidebar-img", "false");
  
                  // $('.navbar-logo').attr("logo-theme", "theme6");
  
                  $('body').addClass('dark');
  
                  $('.pcoded-navigation-label').attr("menu-title-theme", "theme6");
  
  
  
              }
  
              if(layout=='light'){
  
                  $('.pcoded-header').attr("header-theme", "theme5");
  
                  $('.pcoded-navbar').attr("navbar-theme", "themelight1");
  
                  $('.pcoded').attr("sidebar-img", "false");
  
                  // $('.navbar-logo').attr("logo-theme", "theme1");
  
                  $('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
  
                  $('body').removeClass('dark');
  
              }
  
              if(layout=='img'){
  
                  $('.pcoded-header').attr("header-theme", "theme1");
  
                  $('.pcoded-navbar').attr("navbar-theme", "theme1");
  
                  $('.navbar-logo').attr("logo-theme", "theme1");
  
                  $('.pcoded').attr("sidebar-img", "true");
  
                  $('.pcoded-navigation-label').attr("menu-title-theme", "theme6");
  
              }
  
          });
  
      };
  
      handlelayouttheme();
  
  
  
      /* Left header logo Change function Start */
  
      function handleogortheme() {
  
          $('.theme-color > a.logo-theme').on("click", function () {
  
              var logotheme = $(this).attr("logo-theme");
  
              $('.navbar-logo').attr("logo-theme", logotheme);
  
          });
  
      };
  
      handleogortheme();
  
  
  
      /* Left header Theme Change function Start */
  
      function handleleftheadertheme() {
  
          $('.theme-color > a.leftheader-theme').on("click", function () {
  
              var lheadertheme = $(this).attr("lheader-theme");
  
              $('.pcoded-navigation-label').attr("menu-title-theme", lheadertheme);
  
          });
  
      };
  
      handleleftheadertheme();
  
      /* Left header Theme Change function Close */
  
      /* header Theme Change function Start */
  
      function handleheadertheme() {
  
          $('.theme-color > a.header-theme').on("click", function () {
  
              var headertheme = $(this).attr("header-theme");
  
              var activeitem = $(this).attr("active-item-color");
  
              $('.pcoded-header').attr("header-theme", headertheme);
  
              $('.pcoded-navbar').attr("active-item-theme", activeitem);
  
  
  
          });
  
      };
  
      handleheadertheme();
  
      /* header Theme Change function Close */
  
      /* Navbar Theme Change function Start */
  
      function handlenavbartheme() {
  
          $('.theme-color > a.navbar-theme').on("click", function () {
  
              var navbartheme = $(this).attr("navbar-theme");
  
              $('.pcoded-navbar').attr("navbar-theme", navbartheme);
  
              $('.pcoded').attr("sidebar-img", "false");
  
              if(navbartheme=='themelight1'){
  
                  $('.pcoded-navigation-label').attr("menu-title-theme", "theme1");
  
              }
  
              if(navbartheme=='theme1'){
  
                  $('.pcoded-navigation-label').attr("menu-title-theme", "theme6");
  
              }
  
          });
  
      };
  
  
  
      handlenavbartheme();
  
      /* Navbar Theme Change function Close */
  
      /* Active Item Theme Change function Start */
  
      function handleactiveitemtheme() {
  
          $('.theme-color > a.active-item-theme').on("click", function () {
  
              var activeitemtheme = $(this).attr("active-item-theme");
  
              $('.pcoded-navbar').attr("active-item-theme", activeitemtheme);
  
          });
  
      };
  
  
  
      handleactiveitemtheme();
  
      /* Active Item Theme Change function Close */
  
      /* SubItem Theme Change function Start */
  
      function handlesubitemtheme() {
  
          $('.theme-color > a.sub-item-theme').on("click", function () {
  
              var subitemtheme = $(this).attr("sub-item-theme");
  
              $('.pcoded-navbar').attr("sub-item-theme", subitemtheme);
  
          });
  
      };
  
  
  
      handlesubitemtheme();
  
      /* SubItem Theme Change function Close */
  
      /* Theme background pattren Change function Start */
  
      function handlethemebgpattern() {
  
          $('.theme-color > a.themebg-pattern').on("click", function () {
  
              var themebgpattern = $(this).attr("themebg-pattern");
  
              $('body').attr("themebg-pattern", themebgpattern);
  
          });
  
      };
  
  
  
      handlethemebgpattern();
  
      /* Theme background pattren Change function Close */
  
      /* Vertical Navigation View Change function start*/
  
      function handleVerticalNavigationViewChange() {
  
          $('#navigation-view').val('view1').on('change', function (get_value) {
  
              get_value = $(this).val();
  
              $('.pcoded').attr('vnavigation-view', get_value);
  
          });
  
      };
  
  
  
      handleVerticalNavigationViewChange();
  
      /* Theme Layout Change function Close*/
  
  
  
      /* Theme Layout Change function start*/
  
      function handlethemeverticallayout() {
  
          $('#theme-layout').change(function () {
  
              if ($(this).is(":checked")) {
  
                  $('.pcoded').attr('vertical-layout', "box");
  
                  $('#bg-pattern-visiblity').removeClass('d-none');
  
  
  
              } else {
  
                  $('.pcoded').attr('vertical-layout', "wide");
  
                  $('#bg-pattern-visiblity').addClass('d-none');
  
              }
  
          });
  
      };
  
      handlethemeverticallayout();
  
      /* Theme Layout Change function Close*/
  
      /* Menu effect change function start*/
  
      function handleverticalMenueffect() {
  
          $('#vertical-menu-effect').val('shrink').on('change', function (get_value) {
  
              get_value = $(this).val();
  
              $('.pcoded').attr('vertical-effect', get_value);
  
          });
  
      };
  
  
  
      handleverticalMenueffect();
  
      /* Menu effect change function Close*/
  
      /* Vertical Menu Placement change function start*/
  
      function handleverticalMenuplacement() {
  
          $('#vertical-navbar-placement').val('left').on('change', function (get_value) {
  
              get_value = $(this).val();
  
              $('.pcoded').attr('vertical-placement', get_value);
  
              $('.pcoded-navbar').attr("pcoded-navbar-position", 'absolute');
  
              $('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'relative');
  
          });
  
      };
  
  
  
      handleverticalMenuplacement();
  
      /* Vertical Menu Placement change function Close*/
  
      /* Vertical Active Item Style change function Start*/
  
      function handleverticalActiveItemStyle() {
  
          $('#vertical-activeitem-style').val('style1').on('change', function (get_value) {
  
              get_value = $(this).val();
  
              $('.pcoded-navbar').attr('active-item-style', get_value);
  
          });
  
      };
  
  
  
      handleverticalActiveItemStyle();
  
      /* Vertical Active Item Style change function Close*/
  
      /* Vertical Item border change function Start*/
  
      function handleVerticalIItemBorder() {
  
          $('#vertical-item-border').change(function () {
  
              if ($(this).is(":checked")) {
  
                  $('.pcoded-navbar .pcoded-item').attr('item-border', 'false');
  
              } else {
  
                  $('.pcoded-navbar .pcoded-item').attr('item-border', 'true');
  
              }
  
          });
  
      };
  
  
  
      handleVerticalIItemBorder();
  
      /* Vertical Item border change function Close*/
  
      /* Vertical SubItem border change function Start*/
  
      function handleVerticalSubIItemBorder() {
  
          $('#vertical-subitem-border').change(function () {
  
              if ($(this).is(":checked")) {
  
                  $('.pcoded-navbar .pcoded-item').attr('subitem-border', 'false');
  
              } else {
  
                  $('.pcoded-navbar .pcoded-item').attr('subitem-border', 'true');
  
              }
  
          });
  
      };
  
  
  
      handleVerticalSubIItemBorder();
  
      /* Vertical SubItem border change function Close*/
  
      /* Vertical Item border Style change function Start*/
  
      function handleverticalboderstyle() {
  
          $('#vertical-border-style').val('solid').on('change', function (get_value) {
  
              get_value = $(this).val();
  
              $('.pcoded-navbar .pcoded-item').attr('item-border-style', get_value);
  
          });
  
      };
  
  
  
      handleverticalboderstyle();
  
      /* Vertical Item border Style change function Close*/
  
  
  
      /* Vertical Dropdown Icon change function Start*/
  
      function handleVerticalDropDownIconStyle() {
  
          $('#vertical-dropdown-icon').val('style1').on('change', function (get_value) {
  
              get_value = $(this).val();
  
              $('.pcoded-navbar .pcoded-hasmenu').attr('dropdown-icon', get_value);
  
          });
  
      };
  
  
  
      handleVerticalDropDownIconStyle();
  
      /* Vertical Dropdown Icon change function Close*/
  
      /* Vertical SubItem Icon change function Start*/
  
  
  
      function handleVerticalSubMenuItemIconStyle() {
  
          $('#vertical-subitem-icon').val('style5').on('change', function (get_value) {
  
              get_value = $(this).val();
  
              $('.pcoded-navbar .pcoded-hasmenu').attr('subitem-icon', get_value);
  
          });
  
      };
  
  
  
      handleVerticalSubMenuItemIconStyle();
  
      /* Vertical SubItem Icon change function Close*/
  
      /* Vertical Navbar Position change function Start*/
  
      function handlesidebarposition() {
  
          $('#sidebar-position').change(function () {
  
              if ($(this).is(":checked")) {
  
                  $('.pcoded-navbar').attr("pcoded-navbar-position", 'fixed');
  
                  $('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'fixed');
  
              } else {
  
                  $('.pcoded-navbar').attr("pcoded-navbar-position", 'absolute');
  
                  $('.pcoded-header .pcoded-left-header').attr("pcoded-lheader-position", 'relative');
  
              }
  
          });
  
      };
  
  
  
      handlesidebarposition();
  
      /* Vertical Navbar Position change function Close*/
  
      /* Vertical Header Position change function Start*/
  
      function handleheaderposition() {
  
          $('#header-position').change(function () {
  
              if ($(this).is(":checked")) {
  
                  $('.pcoded-header').attr("pcoded-header-position", 'fixed');
  
                  $('.pcoded-navbar').attr("pcoded-header-position", 'fixed');
  
                  $('.pcoded-main-container').css('margin-top', $(".pcoded-header").outerHeight());
  
              } else {
  
                  $('.pcoded-header').attr("pcoded-header-position", 'relative');
  
                  $('.pcoded-navbar').attr("pcoded-header-position", 'relative');
  
                  $('.pcoded-main-container').css('margin-top', '0px');
  
              }
  
          });
  
      };
  
      handleheaderposition();
  
      /* Vertical Header Position change function Close*/
  
      /*  collapseable Left Header Change Function Start here*/
  
      function handlecollapseLeftHeader() {
  
          $('#collapse-left-header').change(function () {
  
              if ($(this).is(":checked")) {
  
                  $('.pcoded-header, .pcoded ').removeClass('iscollapsed');
  
                  $('.pcoded-header, .pcoded').addClass('nocollapsed');
  
              } else {
  
                  $('.pcoded-header, .pcoded').addClass('iscollapsed');
  
                  $('.pcoded-header, .pcoded').removeClass('nocollapsed');
  
              }
  
          });
  
      };
  
      handlecollapseLeftHeader();
  
      /*  collapseable Left Header Change Function Close here*/
  
  });
  
  function handlemenutype(get_value) {
  
      $('.pcoded').attr('nav-type', get_value);
  
  };
  
  
  
  handlemenutype("st2");
  
  