// ================================================
// sidebar.js — Sidebar compartida — Sisprime
// ================================================
(function () {
  var NAV = [
    { id:'inicio', label:'Acceso Rápido', icon:'fa-star-half-stroke', href:'index.html', single:true },
    { id:'registros', label:'Registros', icon:'fa-user-plus', children:[
      { id:'proveedores', label:'Proveedores',      href:'proveedores.html', icon:'fa-truck', role:'gerente' },
      { id:'usuarios',   label:'Usuarios',          href:'usuarios.html',   icon:'fa-users' }
    ]},
    { id:'ventas', label:'Ventas Gear Up', icon:'fa-cart-shopping', children:[
      { id:'lista-pedidos', label:'Lista de Ventas',         href:'lista-pedidos.html', icon:'fa-list-ul',            color:'#1a6fc4' },
      { id:'cotacao',       label:'Nueva Solicitud',         href:'cotacao.html',       icon:'fa-plus-circle',        color:'#16a34a' },
      { id:'reportes',      label:'Informe de Rentabilidad', href:'reportes.html',      icon:'fa-chart-line',         color:'#7c3aed', role:'admin' },
      { id:'gastos',        label:'Gastos de la Empresa',    href:'gastos.html',        icon:'fa-money-bill-wave',    color:'#dc2626', role:'admin' },
      { id:'socio',         label:'Liquidación Socio',       href:'socio.html',         icon:'fa-handshake',          color:'#d97706', role:'admin' },
      { id:'historial',     label:'Comprobantes y Cambios',  href:'historial.html',     icon:'fa-folder-open',        color:'#0891b2', role:'gerente' }
    ]},
    { id:'compras', label:'Compras', icon:'fa-basket-shopping', role:'gerente', children:[
      { id:'compras', label:'Lista de Compras', href:'compras.html', icon:'fa-basket-shopping', role:'gerente' }
    ]},
    { id:'ajustes', label:'Ajustes', icon:'fa-screwdriver-wrench', children:[
      { id:'perfil',   label:'Perfil de Usuario',  href:'perfil.html',   icon:'fa-user-circle', role:'gerente' },
      { id:'usuarios', label:'Configurar Acceso',  href:'usuarios.html', icon:'fa-shield-halved', role:'admin' }
    ]}
  ];

  window.switchRole = function(role) {
    if (!window.SisprimeDB) return;
    var session = SisprimeDB.getSession();
    if (!session || session.perfil !== 'admin') return;
    session.perfil = role;
    localStorage.setItem('sp_session', JSON.stringify(session));
    window.location.reload();
  };

  function render() {
    var aside = document.getElementById('app-sidebar');
    if (!aside) return;
    var page    = document.body.dataset.page || '';
    var cfg     = window.SisprimeDB ? SisprimeDB.getConfig() : {};
    var session = window.SisprimeDB ? SisprimeDB.getSession() : null;
    var role    = (session && session.perfil) || cfg.usuario_perfil || 'vendedor';
    var userName = (session && session.nombre) || cfg.usuario_nome || 'Usuario';

    // Configurar o nome e avatar do usuario atual na UI
    var hdrName = document.getElementById('hdr-username');
    var hdrAvatar = document.getElementById('hdr-avatar');
    if (hdrName && hdrAvatar) {
       var pfx = (role==='admin')?'(A) ':(role==='gerente')?'(G) ':'';
       hdrName.textContent = pfx + userName;
       hdrAvatar.textContent = userName.charAt(0).toUpperCase();
    }
    // Atualiza nome da empresa no header brand
    var brandEl = document.querySelector('.header-brand');
    if (brandEl && cfg.empresa) brandEl.textContent = cfg.empresa;

    var logoSrc = cfg.logo_base64 || 'img/logo.png';
    var empresaNome = (cfg.empresa || 'Gear Up').toUpperCase();
    var html = '<div class="sidebar-logo">'
      + '<img src="' + logoSrc + '" style="width:72px;height:72px;border-radius:12px;object-fit:cover;margin:0 auto 6px;display:block;background:#fff">'
      + '<div class="sidebar-logo-name">' + empresaNome + '</div>'
      + '<span class="sidebar-logo-badge">Auto Parts</span>'
      + '</div>'
      + '<div class="sidebar-search"><div class="sidebar-search-input">'
      + '<i class="fa-solid fa-magnifying-glass"></i>'
      + '<input type="text" id="sidebar-search" placeholder="Buscar..." autocomplete="off" aria-label="Buscar menú"/>'
      + '</div></div>'
      + '<nav class="sidebar-nav" aria-label="Menú principal">'
      + '<div class="nav-section-label">Menú Principal</div>';

    NAV.forEach(function(item) {
      if (item.role && item.role !== role && role !== 'admin') return; // Filtro de nivel principal
      
      if (item.single) {
        html += '<a href="' + item.href + '" class="nav-item-link' + (page === item.id ? ' active' : '') + '"'
          + (page === item.id ? ' aria-current="page"' : '') + '>'
          + '<i class="fa-solid ' + item.icon + '" aria-hidden="true"></i>' + item.label + '</a>'
          + '<div class="nav-divider"></div>';
      } else {
        var validChildren = item.children.filter(function(c) {
           if (c.role && c.role !== role && role !== 'admin') return false;
           if (c.id === 'usuarios' && role !== 'admin') return false;
           if (c.id === 'reportes' && role !== 'admin') return false;
           return true;
        });
        
        if (validChildren.length === 0) return; // Não exibe o grupo se estiver vazio
        
        var isOpen = validChildren.some(function(c){ return c.id === page; });
        html += '<details class="nav-group"' + (isOpen ? ' open' : '') + '>'
          + '<summary><i class="fa-solid ' + item.icon + ' nav-icon"></i>'
          + '<span class="nav-label-text">' + item.label + '</span>'
          + '<i class="fa-solid fa-chevron-right nav-arrow"></i></summary>'
          + '<nav class="nav-submenu">';
        validChildren.forEach(function(c) {
          var iconHtml = c.icon
            ? '<i class="fa-solid ' + c.icon + '" style="width:16px;text-align:center;margin-right:8px;font-size:12px;color:' + (c.color || '#64748b') + ';opacity:' + (c.id === page ? '1' : '0.8') + '"></i>'
            : '<span style="width:16px;display:inline-block;margin-right:8px"></span>';
          html += '<a href="' + c.href + '" class="nav-submenu-item' + (c.id === page ? ' active' : '') + '"'
            + (c.id === page ? ' aria-current="page"' : '') + '>' + iconHtml + c.label + '</a>';
        });
        html += '</nav></details>';
      }
    });

    html += '<div class="nav-logout-link"><a href="login.html" id="sidebar-logout" class="nav-item-link" style="color:#f87171;">'
      + '<i class="fa-solid fa-power-off"></i>Salir</a></div></nav>';

    aside.innerHTML = html;

    // Logout handler
    var logoutEl = document.getElementById('sidebar-logout');
    if (logoutEl) {
      logoutEl.addEventListener('click', function(e) {
        e.preventDefault();
        if (window.SisprimeDB) SisprimeDB.logout();
        window.location.href = 'login.html';
      });
    }

    // Oculta "Cambiar Perfil" no header para usuários não-admin
    if (role !== 'admin') {
      document.querySelectorAll('[onclick*="switchRole"]').forEach(function(el) {
        el.style.display = 'none';
      });
      document.querySelectorAll('.user-menu-dropdown div, .user-menu-dropdown .user-menu-divider').forEach(function(el) {
        if (el.textContent.trim() === 'Cambiar Perfil') {
          el.style.display = 'none';
          var prev = el.previousElementSibling;
          if (prev && prev.classList.contains('user-menu-divider')) prev.style.display = 'none';
        }
      });
    }

    // Search filter
    var si = document.getElementById('sidebar-search');
    if (si) {
      si.addEventListener('input', function() {
        var q = this.value.toLowerCase().trim();
        document.querySelectorAll('.nav-submenu-item, .nav-item-link').forEach(function(el) {
          var match = el.textContent.toLowerCase().includes(q);
          el.style.display = (q === '' || match) ? '' : 'none';
          var grp = el.closest('.nav-group');
          if (grp && q !== '' && match) grp.open = true;
        });
      });
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', render);
  } else {
    render();
  }
})();