Fix: Add Lưu, Đơn hàng buttons + Thêm giỏ in AI search results

index.html

@@ -744,6 +744,8 @@ textarea.form-input{height:120px;resize:vertical}
 </div>
 
 <div class="quote-actions">
+<button class="quote-btn" onclick="saveQuote()" style="background:#059669"><i class="fas fa-save"></i> Lưu</button>
+<button class="quote-btn" onclick="createOrder()" style="background:#0068FF"><i class="fas fa-shopping-cart"></i> Đơn hàng</button>
 <button class="quote-btn" onclick="shareQuoteImage()" style="background:#25D366"><i class="fas fa-share-alt"></i> Chia sẻ ảnh</button>  
 <button class="quote-btn" onclick="shareQuoteLink()" style="background:#0068FF"><i class="fas fa-share-alt"></i> Chia sẻ báo giá</button>  
 <button class="quote-btn quote-btn-excel" onclick="exportExcel()"><i class="fas fa-file-excel"></i> Xuất Excel</button>
@@ -2601,11 +2603,14 @@ function _renderAIResultsToDiv(aiResult, container, query) {
     html += items.map(function(r, i) {
       var p = r.p, idx = r.idx;
       var brandColor = p.brand === 'Eurogold' ? '#c8102e' : (p.brand === 'Grob' ? '#2e7d32' : '#003f62');
-      return '<div class="pc fade" onclick="showDetail(' + idx + ')" style="cursor:pointer;transition-delay:' + Math.min(i * 20, 300) + 'ms">' +
+      return '<div style="position:relative" onclick="showDetail(' + idx + ')">' +
+        '<div class="pc fade" style="cursor:pointer;transition-delay:' + Math.min(i * 20, 300) + 'ms">' +
         '<div class="pi" style="height:150px"><img src="' + (p.image || '') + '" alt="' + p.name + '" loading="lazy" onerror="this.style.display=\'none\'">' +
         '<span class="pi-badge">' + (p.cat || '') + '</span>' +
         '<span style="position:absolute;top:8px;right:8px;background:' + brandColor + ';color:#fff;padding:3px 7px;border-radius:5px;font-size:.55rem">' + (p.brand || '') + '</span></div>' +
-        '<div class="pb"><div class="pn" style="font-size:.76rem">' + p.name + '</div><div class="pp">' + (p.price || 'Liên he') + '</div></div></div>';
+        '<div class="pb"><div class="pn" style="font-size:.76rem">' + p.name + '</div><div class="pp">' + (p.price || 'Liên he') + '</div></div></div>' +
+        '<button onclick="event.stopPropagation();addToCart(' + idx + ');" style="position:absolute;top:8px;left:8px;background:var(--a);color:#fff;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.2)"><i class="fas fa-cart-plus"></i></button>' +
+        '</div>';
     }).join('') + '</div>';
   }
   container.innerHTML = html;
@@ -2676,7 +2681,39 @@ window._vaiAddOrder = function(slug, btn) {
   if (!product) { var t = document.createElement('div'); t.style.cssText = 'position:fixed;bottom:24px;right:24px;background:#dc2626;color:#fff;padding:10px;border-radius:8px;z-index:9999'; t.textContent = 'SP "' + slug + '" khong tim thay'; document.body.appendChild(t); setTimeout(function(){t.remove();},2500); return; }
   if (window._showOrderPicker) { window._showOrderPicker(product, function(r) { if (r === 'ok') { btn.textContent = '✓ Da them'; btn.style.background = '#059669'; } setTimeout(function() { btn.textContent = '+ Don'; btn.style.background = '#003f62'; }, 2500); }); }
 };
-</script>
+
+/** Save and create order functions */
+window.saveQuote = function() {
+  if (!window.cart || !window.cart.length) { alert('Gio hang trong.'); return; }
+  var D = window.D || [];
+  var orderData = {
+    customer: {
+      name: document.getElementById('qcName').value || '',
+      phone: document.getElementById('qcPhone').value || '',
+      email: document.getElementById('qcEmail').value || '',
+      addr: document.getElementById('qcAddr').value || '',
+      orderCode: document.getElementById('qcCompany').value || ''
+    },
+    items: window.cart.map(function(c) { return { idx: c.idx, name: c.name, qty: c.qty, price: c.price, priceNum: c.priceNum }; }),
+    total: window.cart.reduce(function(s,c) { return s + (c.priceNum || 0) * (c.qty || 1); }, 0),
+    date: document.getElementById('qcDate').value || new Date().toISOString().split('T')[0]
+  };
+  localStorage.setItem('vai_quote_saved', JSON.stringify(orderData));
+  showToast('Da luu bao gia!');
+};
+
+window.createOrder = function() {
+  if (!window.cart || !window.cart.length) { alert('Gio hang trong.'); return; }
+  var name = document.getElementById('qcName').value;
+  var phone = document.getElementById('qcPhone').value;
+  var addr = document.getElementById('qcAddr').value;
+  if (!name || !phone || !addr) { alert('Vui long dien day du thong tin.'); return; }
+  showToast('Tao don hang thanh cong! Ma don: ' + (document.getElementById('qcCompany').value || 'N/A'));
+  window.cart = [];
+  localStorage.setItem('malloca_cart', JSON.stringify(window.cart));
+  if (typeof updateCartBadge === 'function') updateCartBadge();
+  closeQuotation();
+};
 </html
 
 </script><a href="https://bot.zaloplatforms.com/bots/4013442364902370344" target="_blank" rel="noopener" class="zalo-fab" title="Tư vấn qua Zalo"><img src="https://huggingface.co/spaces/bep40/V.AISTUDIO/resolve/main/logo/zalo-bot.png" alt="Zalo Bot"></a>