(() => {
  const toggles = document.querySelectorAll('[data-sidebar-toggle]');
  const layout = document.querySelector('.layout-body');
  toggles.forEach((toggle) => {
    toggle.addEventListener('click', () => {
      document.body.classList.toggle('sidebar-collapsed');
      layout?.classList.toggle('sidebar-open');
      const collapsed = document.body.classList.contains('sidebar-collapsed');
      localStorage.setItem('sidebar-collapsed', collapsed ? '1' : '0');
    });
  });

  const saved = localStorage.getItem('sidebar-collapsed');
  const collapsed = (saved === null || saved === '1');
  if (collapsed) {
    document.body.classList.add('sidebar-collapsed');
    layout?.classList.remove('sidebar-open');
  } else {
    layout?.classList.add('sidebar-open');
  }
})();