Revert index.html to bb80fef31b

index.html

@@ -372,9 +372,7 @@ textarea.form-input{height:120px;resize:vertical}
 .chat-close:hover{background:rgba(255,255,255,.4)}
 .chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f8fafc}
 .chat-msg{max-width:88%;padding:11px 15px;border-radius:16px;font-size:.84rem;line-height:1.55;word-wrap:break-word}
-.chat-msg.bot{background:#fff;color:var(--d);align-self:flex-start;border:1px solid var(--gl);border-bottom-left-radius:4px;max-width:100%;overflow-x:auto;overflow-y:hidden}
-.chat-msg.bot table{font-size:.7rem}
-.chat-msg.bot td,.chat-msg.bot th{padding:4px 3px!important}
+.chat-msg.bot{background:#fff;color:var(--d);align-self:flex-start;border:1px solid var(--gl);border-bottom-left-radius:4px}
 .chat-msg.user{background:var(--p);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
 .chat-msg a{color:var(--a);font-weight:600;text-decoration:underline}
 .chat-msg.bot a{color:var(--p)}
@@ -1682,36 +1680,6 @@ scores.sort((a,b)=>b.score-a.score);
 return scores.slice(0,4).map(s=>s.p);
 }
 
-
-// === SKU Detection Helpers for chatbox ===
-function _detectSKUs(text){
-  if(typeof D==='undefined'||!D.length)return[];
-  // Extract potential SKU-like tokens (alphanumeric 3+ chars)
-  let tokens=text.split(/[,;\s]+/).map(t=>t.trim().toLowerCase().replace(/[.\-_ \/]/g,'')).filter(t=>t.length>=3&&/[a-z]/.test(t)&&/\d/.test(t));
-  // Also check for known model patterns
-  let extra=text.match(/[A-Za-z]{1,4}[\-_ ]?\d{2,}[A-Za-z]*/g)||[];
-  extra.forEach(e=>{let n=e.toLowerCase().replace(/[.\-_ \/]/g,'');if(tokens.indexOf(n)===-1)tokens.push(n);});
-  return tokens;
-}
-function _findProductsBySKU(text){
-  if(typeof D==='undefined'||!D.length)return[];
-  let tokens=_detectSKUs(text);
-  if(!tokens.length)return[];
-  let found=[];let seen={};
-  tokens.forEach(code=>{
-    for(let i=0;i<D.length;i++){
-      let p=D[i];if(!p||seen[p.slug])continue;
-      let pSku=((p.sku||'')+(p.model||p.mod||'')).toLowerCase().replace(/[.\-_ \/]/g,'');
-      if(pSku&&(pSku.indexOf(code)!==-1||code.indexOf(pSku)!==-1)){
-        seen[p.slug]=true;
-        found.push({name:p.name||'',price:p.priceNum||p.pn||0,priceStr:p.price||p.p||'LH',image:p.image||p.img||p.i||'',sku:p.sku||p.model||p.mod||'',brand:p.brand||'',qty:1});
-        break;
-      }
-    }
-  });
-  return found;
-}
-
 async function sendChat(){
 if(chatBusy)return;
 let input=document.getElementById('chatInput');
@@ -1726,21 +1694,29 @@ appendMsg('user',msg.replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/\n/g,'<b
 
 // Handle cart/quote/checkout commands
 let msgLower=nVN(msg);
-if(msgLower.match(/bao gia|lap bao gia|len bao gia|xuat bao gia|in bao gia/)||_detectSKUs(msg).length>0){
-// Detect SKU codes from message
-let foundProducts=_findProductsBySKU(msg);
-if(foundProducts.length>0){
-  let total=foundProducts.reduce((s,c)=>s+c.price*c.qty,0);
-  let rows=foundProducts.map((c,i)=>'<tr style="border-bottom:1px solid #e2e8f0"><td style="padding:5px 3px;text-align:center;font-size:.7rem">'+(i+1)+'</td><td style="padding:5px 3px">'+(c.image?'<img src="'+c.image+'" style="width:32px;height:32px;object-fit:contain;border-radius:3px" referrerpolicy="no-referrer" onerror="this.style.display=\'none\'">':'')+'</td><td style="padding:5px 3px;font-size:.72rem;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">'+c.name.substring(0,35)+'<br><span style="font-size:.6rem;color:#94a3b8">'+c.sku+'</span></td><td style="padding:5px 3px;text-align:center;font-size:.7rem">'+c.qty+'</td><td style="padding:5px 3px;text-align:right;font-size:.72rem;font-weight:700;white-space:nowrap">'+c.priceStr+'</td></tr>').join('');
-  let quoteHtml='<div style="background:var(--l,#f8fafc);border-radius:10px;padding:10px;margin-top:6px;max-width:100%;overflow:hidden"><div style="font-weight:800;font-size:.82rem;color:var(--p,#003f62);margin-bottom:6px">📋 BÁO GIÁ</div><div style="overflow-x:auto"><table style="width:100%;border-collapse:collapse;border:1px solid var(--gl,#e2e8f0);border-radius:6px;overflow:hidden"><thead><tr style="background:var(--p,#003f62);color:#fff"><th style="padding:4px;font-size:.62rem">#</th><th style="padding:4px;font-size:.62rem">Ảnh</th><th style="padding:4px;font-size:.62rem;text-align:left">Sản phẩm</th><th style="padding:4px;font-size:.62rem">SL</th><th style="padding:4px;font-size:.62rem;text-align:right">Đơn giá</th></tr></thead><tbody>'+rows+'</tbody><tfoot><tr style="background:rgba(0,63,98,.05)"><td colspan="4" style="padding:7px;font-weight:800;font-size:.75rem;text-align:right">TỔNG:</td><td style="padding:7px;font-weight:900;font-size:.82rem;color:var(--p,#003f62);text-align:right;white-space:nowrap">'+total.toLocaleString('vi-VN')+'đ</td></tr></tfoot></table></div><div style="display:flex;gap:4px;margin-top:8px;flex-wrap:wrap"><button onclick="if(window.VAI_ORDERS&&window.VAI_ORDERS.save)window.VAI_ORDERS.save()" style="padding:5px 9px;background:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:.68rem;font-weight:700;cursor:pointer">💾 Lưu</button><button onclick="if(typeof shareQuoteImage==='function')shareQuoteImage()" style="padding:5px 9px;background:#25D366;color:#fff;border:none;border-radius:6px;font-size:.68rem;font-weight:700;cursor:pointer">📤 Chia sẻ</button><button onclick="if(typeof openQuotation==='function'){openQuotation();if(typeof closeChat==='function')closeChat();}" style="padding:5px 9px;background:var(--p,#003f62);color:#fff;border:none;border-radius:6px;font-size:.68rem;font-weight:700;cursor:pointer">📋 Lập phiếu</button></div></div>';
-  appendMsg('bot','Dạ em báo giá ngay ạ! 📋'+quoteHtml);
-  chatBusy=false;return;
-}
-// If "báo giá" explicitly but no SKU found → ask
-if(msgLower.match(/bao gia/)){
-  appendMsg('bot','Anh/chị cho em mã SP cần báo giá nhé! 😊<br>VD: <b>MDI702</b> hoặc <b>MDI702, MC9086HS</b>');
-  chatBusy=false;return;
+if(msgLower.match(/bao gia|lap bao gia|len bao gia|xuat bao gia|in bao gia/)){
+if(cart.length===0){
+appendMsg('bot','Giỏ hàng đang trống. Anh/chị hãy chọn sản phẩm trước rồi em lên báo giá nhé! 😊<br><br>Anh/chị cần tìm sản phẩm gì ạ?');
+chatBusy=false;return;
 }
+let total=cart.reduce((s,c)=>s+c.priceNum*c.qty,0);
+let rows=cart.map((c,i)=>`<tr><td style="padding:8px;font-size:.78rem">${i+1}</td><td style="padding:8px;font-size:.78rem">${c.name}</td><td style="padding:8px;text-align:center;font-size:.78rem">${c.qty}</td><td style="padding:8px;text-align:right;font-size:.78rem;white-space:nowrap">${c.priceNum?c.priceNum.toLocaleString('vi-VN')+'đ':'Liên hệ'}</td><td style="padding:8px;text-align:right;font-size:.78rem;font-weight:700;white-space:nowrap">${(c.priceNum*c.qty).toLocaleString('vi-VN')}đ</td></tr>`).join('');
+let quoteHtml=`<div style="background:var(--l);border-radius:12px;padding:14px;margin-top:8px">
+<div style="font-weight:800;font-size:.9rem;color:var(--p);margin-bottom:10px">📋 BẢNG BÁO GIÁ</div>
+<table style="width:100%;border-collapse:collapse;border:1px solid var(--gl);border-radius:8px;overflow:hidden">
+<thead><tr style="background:var(--p);color:#fff"><th style="padding:8px;font-size:.72rem;text-align:left">STT</th><th style="padding:8px;font-size:.72rem;text-align:left">Sản phẩm</th><th style="padding:8px;font-size:.72rem;text-align:center">SL</th><th style="padding:8px;font-size:.72rem;text-align:right">Đơn giá</th><th style="padding:8px;font-size:.72rem;text-align:right">Thành tiền</th></tr></thead>
+<tbody>${rows}</tbody>
+<tfoot><tr style="background:rgba(0,63,98,.05)"><td colspan="4" style="padding:10px;font-weight:800;font-size:.85rem;text-align:right">TỔNG CỘNG:</td><td style="padding:10px;font-weight:900;font-size:.95rem;color:var(--p);text-align:right;white-space:nowrap">${total.toLocaleString('vi-VN')}đ</td></tr></tfoot>
+</table>
+<div style="display:flex;gap:8px;margin-top:10px;flex-wrap:wrap">
+<button onclick="viewQuoteInline(this)" style="padding:8px 14px;background:#fff;color:var(--p);border:2px solid var(--p);border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px"><i class="fas fa-eye"></i> Xem chi tiết</button>
+<button onclick="openQuotation()" style="padding:8px 14px;background:var(--p);color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px"><i class="fas fa-file-pdf"></i> PDF</button>
+<button onclick="exportQuoteExcel()" style="padding:8px 14px;background:#217346;color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px"><i class="fas fa-file-excel"></i> Excel</button>
+<button onclick="openCheckout()" style="padding:8px 14px;background:var(--a);color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px"><i class="fas fa-qrcode"></i> Thanh toán</button>
+</div>
+</div>`;
+appendMsg('bot','Dạ, em lên bảng báo giá cho anh/chị ngay ạ! 📋'+quoteHtml);
+chatBusy=false;return;
 }
 
 if(msgLower.match(/thanh toan|chuyen khoan|qr|quyet toan/)){