v15: replace inline doAISearch with context-aware version using showDetail(index)

index.html

@@ -2741,68 +2741,65 @@ Miễn phí giao hàng trong TPHCM. | Giá đã bao gồm VAT.
 </div>
 <script src="search-plus-boot.js?v=15"></script>
 
-<script>
-function doAISearch(){
-  const q=document.getElementById('aiSearch').value.trim();
-  if(!q){document.getElementById('aiResults').style.display='block';document.getElementById('aiResults').innerHTML='💡 Nhập mã SP (VD: MDI702) hoặc nhiều mã: MDI702, MC9086HS';return}
-  const res=document.getElementById('aiResults');
-  res.style.display='block';res.innerHTML='⏳ Đang tìm...';
-  if(typeof D==='undefined'||!D.length){res.innerHTML='⏳ Đang tải SP...';return}
-  // Split by comma/semicolon for multi-code
-  let queries=q.split(/[,;]+/).map(c=>c.trim()).filter(c=>c.length>=2);
-  if(queries.length===0)queries=[q];
-  let allResults=[];
-  queries.forEach(query=>{
-    const qLow=query.toLowerCase().replace(/[.\-_ \/]/g,'');
-    // Priority 1: EXACT match on any identifier field
-    let exact=D.filter(p=>{
-      const fields=[(p.sku||''),(p.mod||''),(p.slug||'')].map(f=>f.toLowerCase().replace(/[.\-_ \/]/g,''));
-      return fields.some(f=>f===qLow);
-    });
-    if(exact.length){allResults.push(...exact);return}
-    // Priority 2: Identifier CONTAINS query or query CONTAINS identifier
-    let partial=D.filter(p=>{
-      const fields=[(p.sku||''),(p.mod||''),(p.name||'').split('|')[0]].map(f=>f.toLowerCase().replace(/[.\-_ \/]/g,''));
-      return fields.some(f=>f&&qLow.length>=3&&(f.includes(qLow)||qLow.includes(f)));
-    });
-    if(partial.length){allResults.push(...partial.slice(0,5));return}
-    // Priority 3: Keyword search in name+category
-    const qNorm=query.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
-    const words=qNorm.split(/\s+/).filter(w=>w.length>=2&&!['cua','cai','cho','cac','nhung','voi','duoi','tren','khoang'].includes(w));
-    const bm=query.match(/(\d+)\s*(tr|triệu|m)/i);
-    const budget=bm?parseInt(bm[1])*1e6:0;
-    let scored=D.map(p=>{
-      const pText=((p.name||'')+(p.cat||'')).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
-      let sc=0;
-      words.forEach(w=>{if(pText.includes(w))sc+=10});
-      if(/malloca/i.test(p.brand))sc+=3;
-      if(/grob/i.test(p.brand))sc+=2;
-      if(budget&&p.priceNum>0){if(p.priceNum<=budget*1.2)sc+=5;else if(p.priceNum>budget*1.5)sc-=10}
-      return{p,sc};
-    }).filter(x=>x.sc>=10).sort((a,b)=>b.sc-a.sc);
-    allResults.push(...scored.slice(0,6).map(x=>x.p));
-  });
-  // Deduplicate by sku
-  let seen=new Set();let unique=[];
-  allResults.forEach(p=>{const id=p.sku||p.name;if(!seen.has(id)){seen.add(id);unique.push(p)}});
-  if(!unique.length){res.innerHTML='❌ Không tìm thấy "'+q+'". Thử nhập chính xác mã SP.';return}
-  // Render results with specs
-  let h='<div style="font-weight:700;margin-bottom:8px;font-size:.9rem">🔍 '+unique.length+' sản phẩm:</div>';
-  h+='<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px">';
-  unique.slice(0,12).forEach(p=>{
-    h+='<div style="background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 6px rgba(0,0,0,.08);cursor:pointer;transition:.2s" onclick="if(typeof showDetail===\'function\')showDetail('+D.indexOf(p)+')" onmouseover="this.style.transform=\'translateY(-2px)\'" onmouseout="this.style.transform=\'\'"><div style="display:flex;align-items:center;gap:4px;margin-bottom:4px"><span style="font-size:.72rem;font-weight:700;color:#003f62">'+(p.sku||p.mod||'')+'</span><span style="font-size:.58rem;color:#888;background:#f0f0f0;padding:1px 4px;border-radius:3px">'+p.brand+'</span></div>';
-    if(p.image)h+='<img src="'+p.image+'" style="width:100%;height:90px;object-fit:contain;border-radius:6px;margin-bottom:6px;background:#f8f8f8" loading="lazy">';
-    h+='<div style="font-size:.7rem;line-height:1.3;height:2.5em;overflow:hidden;color:#333">'+((p.name||'').split('|').pop()||'').trim().substring(0,50)+'</div>';
-    h+='<div style="font-size:.88rem;font-weight:800;color:#003f62;margin-top:4px">'+(p.price||'Liên hệ')+'</div>';
-    const specs=p.specs||{};const sk=Object.entries(specs).slice(0,3);
-    if(sk.length){h+='<div style="margin-top:4px;padding-top:4px;border-top:1px solid #eee;font-size:.58rem;color:#555">';sk.forEach(([k,v])=>{h+='<div>'+k+': <b>'+v+'</b></div>'});h+='</div>'}
-    h+='<button onclick="event.stopPropagation();addToCart('+D.indexOf(p)+')" style="margin-top:5px;width:100%;padding:5px;background:var(--p);color:#fff;border:none;border-radius:5px;font-size:.68rem;cursor:pointer;font-weight:600">+ Thêm giỏ hàng</button>';
-    
-    h+='<button onclick="event.stopPropagation();saveToOrder('+D.indexOf(p)+')" style="margin-top:5px;width:100%;padding:4px;background:var(--p,#003f62);color:#fff;border:none;border-radius:5px;font-size:.68rem;cursor:pointer">+ Them don</button>';
-h+='</div>';
+<script>function doAISearch(){
+  // Delegated to search-plus-boot.js v15 (ALL-IN-ONE)
+  if(window._vaiSearchContext && typeof D!=='undefined' && D.length>0){
+    var input=document.getElementById('aiSearch');var resultsDiv=document.getElementById('aiResults');
+    if(!input||!resultsDiv)return;var query=input.value.trim();
+    if(!query||query.length<2){resultsDiv.style.display='block';resultsDiv.innerHTML='💡 Nhập mã SP hoặc mô tả: "bếp từ Grob dưới 10tr", "máy hút mùi Malloca"';return;}
+    resultsDiv.style.display='block';resultsDiv.innerHTML='⏳ Đang tìm...';
+    // Multi-code search: nếu có dấu phẩy thì tìm theo mã
+    var queries=query.split(/[,;]+/).map(function(c){return c.trim()}).filter(function(c){return c.length>=2});
+    if(queries.length>1){
+      var allResults=[];
+      queries.forEach(function(q2){
+        var qLow=q2.toLowerCase().replace(/[.\-_ \/]/g,'');
+        for(var i=0;i<D.length&&allResults.length<20;i++){
+          var p=D[i];if(!p)continue;
+          var fields=[(p.sku||''),(p.mod||''),(p.slug||'')].map(function(f){return f.toLowerCase().replace(/[.\-_ \/]/g,'')});
+          if(fields.some(function(f){return f===qLow||(f&&qLow.length>=3&&(f.indexOf(qLow)!==-1||qLow.indexOf(f)!==-1))})){allResults.push(p);}
+        }
+      });
+      if(allResults.length){_renderAIResults(allResults,resultsDiv);return;}
+    }
+    // Context search (category + brand + price + keywords)
+    var results=window._vaiSearchContext(query,24);
+    if(!results.length){resultsDiv.innerHTML='❌ Không tìm thấy "'+query+'". Thử: "bếp từ Malloca", "máy hút mùi dưới 15tr"';return;}
+    var prods=results.map(function(r){return r.p;});
+    _renderAIResults(prods,resultsDiv);
+    return;
+  }
+  // Fallback: basic
+  var q2=document.getElementById('aiSearch').value.trim();
+  if(!q2){document.getElementById('aiResults').innerHTML='💡 Nhập mã hoặc tên SP';document.getElementById('aiResults').style.display='block';return;}
+  document.getElementById('aiResults').innerHTML='⏳ Đang tải dữ liệu...';document.getElementById('aiResults').style.display='block';
+}
+function _renderAIResults(prods,res){
+  var norm=window._vaiSearchContext?function(s){return(s||'').normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/[Đđ]/g,'d').toLowerCase()}:function(s){return(s||'').toLowerCase()};
+  var cat=window._vaiDetectCategory?window._vaiDetectCategory(document.getElementById('aiSearch').value):'';
+  var brand=window._vaiDetectBrand?window._vaiDetectBrand(document.getElementById('aiSearch').value):'';
+  var fmt=function(n){if(!n||isNaN(n))return'LH';return Number(n).toLocaleString('vi-VN')+'đ'};
+  var parts=[];
+  if(cat)parts.push('📂 '+cat);if(brand)parts.push('🏷 '+brand);
+  parts.push('🔍 '+prods.length+' SP');
+  var h='<div style="margin-bottom:10px;display:flex;gap:6px;flex-wrap:wrap">'+parts.map(function(p){return'<span style="background:#eff6ff;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:600;color:#1e40af;border:1px solid #bfdbfe">'+p+'</span>'}).join('')+'</div>';
+  h+='<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px">';
+  prods.slice(0,24).forEach(function(p){
+    var idx=D.indexOf(p);
+    var name=p.name||p.n||'';var price=p.price||p.p||'LH';var img=p.image||p.img||p.i||'';var sku=p.sku||p.model||p.mod||'';var brand2=p.brand||'';
+    var feats=(p.feats||[]).slice(0,2).join(' • ');
+    var specs=p.specs||{};var sk=Object.entries(specs).slice(0,3);
+    h+='<div style="background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s;cursor:pointer" onclick="showDetail('+idx+')" onmouseover="this.style.transform=\'translateY(-2px)\';this.style.boxShadow=\'0 4px 12px rgba(0,0,0,.1)\'" onmouseout="this.style.transform=\'\';this.style.boxShadow=\'\'">';
+    if(img)h+='<div style="height:90px;background:#f8fafc;display:flex;align-items:center;justify-content:center"><img src="'+img+'" style="max-width:100%;max-height:85px;object-fit:contain" onerror="this.parentElement.style.display=\'none\'"></div>';
+    h+='<div style="padding:8px"><div style="font-size:11px;font-weight:600;color:#003f62;line-height:1.3;height:30px;overflow:hidden">'+name.substring(0,55)+'</div>';
+    if(sku)h+='<div style="font-size:9px;color:#94a3b8;margin-top:2px">'+sku+'</div>';
+    if(brand2)h+='<div style="font-size:9px;color:#64748b;margin-top:1px">'+brand2+'</div>';
+    if(feats)h+='<div style="font-size:8.5px;color:#64748b;margin-top:2px;height:12px;overflow:hidden">'+feats+'</div>';
+    if(sk.length){h+='<div style="margin-top:3px;font-size:8px;color:#555;border-top:1px solid #f0f0f0;padding-top:3px">';sk.forEach(function(kv){h+=kv[0]+': <b>'+kv[1]+'</b><br>'});h+='</div>'}
+    h+='<div style="font-size:13px;font-weight:800;color:#059669;margin-top:4px">'+price+'</div>';
+    h+='</div></div>';
   });
-  h+='</div>';
-  res.innerHTML=h;
+  h+='</div>';res.innerHTML=h;
 }
 function doAIQuote(){
   const q=document.getElementById('aiSearch').value.trim()||'bếp từ + máy hút mùi + chậu rửa khoảng 50 triệu';