🏗️ HUAYING CPQ Navigation
let allItems=[];const CATEGORIES=[{id:"core",label:"⭐ Core System"},{id:"tools",label:"🔧 Tools & Calculators"},{id:"media",label:"🎬 Media & Virtual Tour"},{id:"product",label:"📦 Product Pages"},{id:"cert",label:"📜 Certificates & Reports"},{id:"manual",label:"📖 Manuals & Guides"},{id:"style",label:"🎨 Style Catalogs & Color Cards"},{id:"door",label:"🚪 Door & Window Product PDFs"},];const COLORS={red:"#ffe0e0,#c62828",blue:"#e3f2fd,#1565c0",green:"#e8f5e9,#2e7d32",orange:"#fff3e0,#e65100",purple:"#f3e5f5,#6a1b9a",teal:"#e0f2f1,#00695c",grey:"#f5f5f5,#555"};
function getIconColor(c){const cc=COLORS[c]||COLORS.grey;const[bg,fg]=cc.split(",");return`background:${bg};color:${fg}`}
function render(){document.getElementById("total-count").textContent=allItems.length;let html="";for(const cat of CATEGORIES){const items=allItems.filter(x=>x.cat===cat.id);if(!items.length)continue;html+=`
${cat.label} (${items.length})
`} html+=`
`} document.getElementById("nav-container").innerHTML=html;document.getElementById("scan-time").textContent=new Date().toLocaleString();document.getElementById("last-update").textContent=`Updated ${new Date().toLocaleString()}`}
function filterCards(){const q=document.getElementById("search").value.toLowerCase();document.querySelectorAll(".card").forEach(c=>{c.style.display=(c.dataset.name.includes(q)||c.dataset.desc.includes(q))?"flex":"none"})}
fetch('/api/navigation/scan').then(r=>r.json()).then(data=>{allItems=[...(data.pages||[]),...(data.pdfs||[])];render();document.getElementById('live-badge').textContent=`🟢 Live | ${data.total} items`}).catch(()=>{document.getElementById('live-badge').textContent='🔴 API Offline'});