text: function collapseSidebar() {
    const body = document.getElementsByTagName('body')[0];
    body.classList.toggle('sidebar-expand');
  }
  
  window.onclick = function (event) {
    openCloseDropdown(event);
  };
  
  function closeAllDropdown() {
    let dropdowns = document.getElementsByClassName('dropdown-expand');
    for (let item of dropdowns) {
      item.classList.remove('dropdown-expand');
    }
  }
  
  function openCloseDropdown(event) {
    if (!event.target.matches('.dropdown-toggle')) {
      // Close dropdown when click out of dropdown menu
      closeAllDropdown();
    } else {
      let toggle = event.target.dataset.toggle;
      let content = document.getElementById(toggle);
      if (content.classList.contains('dropdown-expand')) {
        closeAllDropdown();
      } else {
        closeAllDropdown();
        content.classList.add('dropdown-expand');
      }
    }
  }
  
  /*!
   * Start Bootstrap - Agency v6.0.2 (https://startbootstrap.com/template-overviews/agency)
   * Copyright 2013-2020 Start Bootstrap
   * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
   */
  (function ($) {
    'use strict'; // Start of use strict
  
    // Smooth scrolling using jQuery easing
    $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function () {
      if (
        location.pathname.replace(/^\//, '') ==
          this.pathname.replace(/^\//, '') &&
        location.hostname == this.hostname
      ) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
        if (target.length) {
          $('html, body').animate(
            {
              scrollTop: target.offset().top - 72,
            },
            1000,
            'easeInOutExpo'
          );
          return false;
        }
      }
    });
  
    // Closes responsive menu when a scroll trigger link is clicked
    $('.js-scroll-trigger').click(function () {
      $('.navbar-collapse').collapse('hide');
    });
  
    // Activate scrollspy to add active class to navbar items on scroll
    $('body').scrollspy({
      target: '#mainNav',
      offset: 74,
    });
  
    // Collapse Navbar
    var navbarCollapse = function () {
      if ($('#mainNav').offset().top > 100) {
        $('#mainNav').addClass('navbar-shrink');
      } else {
        $('#mainNav').removeClass('navbar-shrink');
      }
    };
    // Collapse now if page is not at top
    navbarCollapse();
    // Collapse the navbar when page is scrolled
    $(window).scroll(navbarCollapse);
  })(jQuery); // End of use strict
  