Fix AI search: use window.D instead of bare D references

ai-search-fix.js

@@ -8,6 +8,8 @@
  * properly loaded and contains full NL search logic.
  * 
  * Additional fix: Handle multi-product search (comma/semicolon separated codes).
+ * Critical fix: All references to D must use window.D since let D in index.html
+ * does NOT create a global property on window object.
  */
 
 window.doAISearch = function() {
@@ -25,23 +27,34 @@ window.doAISearch = function() {
   resultsDiv.style.display = 'block';
   resultsDiv.innerHTML = '⏳ Đang tìm...';
   
+  // Wait for data to be ready
+  function getD() { return (typeof window.D !== 'undefined' && window.D.length > 0) ? window.D : null; }
+  
   // Multi-product search: if query contains comma/semicolon, search by product codes
   var queries = query.split(/[,;]+/).map(function(c) { return c.trim(); }).filter(function(c) { return c.length >= 2; });
   
-  if (queries.length > 1) {
+  var D = getD();
+  
+  if (queries.length > 1 && D) {
     // Multi-code search mode
     var allResults = [];
-    var normFn = function(s) { return String(s || '').toLowerCase().replace(/[.\- _\/]/g, '').replace(/đ/g, 'd'); };
+    var normSimple = function(s) { return String(s || '').toLowerCase().replace(/[.\/\-]/g, ''); };
     
     queries.forEach(function(q) {
-      var qNorm = normFn(q);
+      var qNorm = normSimple(q);
       for (var i = 0; i < D.length && allResults.length < 30; i++) {
         var p = D[i];
         if (!p) continue;
-        var fields = [(p.sku || ''), (p.mod || ''), (p.model || ''), (p.slug || '')].map(normFn);
-        if (fields.some(function(f) { 
-          return f === qNorm || (f && qNorm.length >= 3 && (f.indexOf(qNorm) !== -1 || qNorm.indexOf(f) !== -1)); 
-        })) {
+        var nameField = (p.name || '').toLowerCase();
+        var modField = (p.mod || '').toLowerCase();
+        var skuField = normSimple(p.sku || '');
+        var modelField = (p.model || '').toLowerCase();
+        var slugField = (p.slug || '').toLowerCase();
+        
+        if (skuField === qNorm || 
+            modField.replace(/[.\/\- ]/g, '').includes(qNorm) ||
+            nameField.replace(/[.\/\- ]/g, '').includes(qNorm) ||
+            slugField.replace(/[.\/\- ]/g, '').includes(qNorm)) {
           allResults.push(p);
         }
       }
@@ -53,7 +66,7 @@ window.doAISearch = function() {
     }
   }
   
-  if (typeof window.aiSearch === 'function' && typeof window.D !== 'undefined' && D.length > 0) {
+  if (typeof window.aiSearch === 'function' && D) {
     var aiToken = (window.huggingface && window.huggingface.variables && window.huggingface.variables.VAISTUDIO) || '';
     window.aiSearch(query, D, aiToken).then(function(aiResult) {
       if (!aiResult || (!aiResult.results.length && !aiResult.aiAnswer)) {
@@ -184,8 +197,9 @@ function _renderAIResultsToDiv(aiResult, container, query) {
 }
 
 function _fallbackAISearch(query, container) {
-  if (typeof D === 'undefined' || !D.length) {
-    container.innerHTML = '⏳ Đang tải dữ liệu...';
+  var D = (typeof window.D !== 'undefined') ? window.D : null;
+  if (!D || !D.length) {
+    container.innerHTML = '⏳ Đang tải dữ liệu sản phẩm... Vui lòng chờ.';
     return;
   }
   var qNorm = query.toLowerCase().normalize('NFD').replace(/[̀-ͯ]/g, '').replace(/đ/g, 'd');
@@ -195,22 +209,40 @@ function _fallbackAISearch(query, container) {
     if (!p) continue;
     var nameNorm = (p.name || '').toLowerCase().normalize('NFD').replace(/[̀-ͯ]/g, '').replace(/đ/g, 'd');
     var skuNorm = (p.sku || p.mod || '').toLowerCase();
-    if (nameNorm.indexOf(qNorm) !== -1 || (skuNorm && skuNorm.indexOf(qNorm) !== -1)) {
+    var catNorm = (p.cat || '').toLowerCase().normalize('NFD').replace(/[̀-ͯ]/g, '').replace(/đ/g, 'd');
+    var brandNorm = (p.brand || '').toLowerCase();
+    if (nameNorm.indexOf(qNorm) !== -1 || 
+        (skuNorm && skuNorm.indexOf(qNorm) !== -1) ||
+        (catNorm && catNorm.indexOf(qNorm) !== -1) ||
+        (brandNorm && brandNorm.indexOf(qNorm) !== -1) ||
+        (p._idx && typeof p._idx === 'string' && p._idx.toLowerCase().indexOf(qNorm) !== -1)) {
       results.push(p);
     }
   }
   if (!results.length) {
-    container.innerHTML = '❌ Không tìm thấy "' + query + '". Thử: "bếp từ", "máy hút mùi"';
+    container.innerHTML = '❌ Không tìm thấy "' + query + '". Thử: "bếp từ", "máy hút mùi", "Malloca", "Eurogold"';
     return;
   }
   container.innerHTML = '<div style="font-size:.78rem;color:#64748b;margin-bottom:10px"><strong>' + results.length + '</strong> kết quả</div>' +
     '<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px">' +
-    results.map(function(p, idx) {
+    results.map(function(p) {
+      var idx = window.D ? window.D.indexOf(p) : -1;
+      var brandColor = p.brand === 'Eurogold' ? '#c8102e' : (p.brand === 'Grob' ? '#2e7d32' : '#003f62');
       var imgSrc = p.image || p.i || '';
       var priceStr = p.price || (p.pn ? p.pn : 'Liên hệ');
       return '<div class="pc fade" onclick="showDetail(' + idx + ')" style="cursor:pointer">' +
-        '<div class="pi" style="height:150px"><img src="' + imgSrc + '" alt="' + p.name + '" loading="lazy"></div>' +
-        '<div class="pb" style="padding:10px"><div class="pn" style="font-size:.76rem">' + p.name + '</div>' +
+        '<div class="pi" style="height:150px"><img src="' + imgSrc + '" alt="' + p.name + '" loading="lazy" onerror="this.style.display=\'none\'"></div>' +
+        '<div class="pb" style="padding:10px"><div style="font-size:.62rem;font-weight:600;color:' + brandColor + ';margin-bottom:3px">' + (p.brand || '') + '</div>' +
+        '<div class="pn" style="font-size:.76rem">' + p.name + '</div>' +
         '<div class="pf" style="margin-top:6px"><span class="pp" style="font-size:.92rem">' + priceStr + '</span></div></div></div>';
     }).join('') + '</div>';
-}
+  
+  if (window.requestAnimationFrame) {
+    requestAnimationFrame(function() {
+      var fadeEls = container.querySelectorAll('.fade');
+      for (var j = 0; j < fadeEls.length; j++) {
+        fadeEls[j].classList.add('vis');
+      }
+    });
+  }
+}