// quote-doc.jsx — printable quote document, the inline email body builder, // and the SendQuoteModal that wires Quotes → Email (gửi trực tiếp cho khách hàng). // Loaded after payment-request.jsx (reuses SWO_COMPANY, printDocument) and qdata.jsx. /* ---- inline HTML used INSIDE the email body (renders in mail-html viewer) ---- */ function quoteSummaryTableHTML(q){ const tot = quoteTotals(q); const rows = q.items.map((it, i) => { const line = it.qty * it.price; return ` ${i + 1} ${it.name}${it.showDetail && it.detail ? '
' + it.detail + '
' : ''} ${it.qty} ${it.unit} ${vnd(line)} `; }).join(''); const discRow = tot.discount > 0 ? `Chiết khấu (${tot.discPct}%)- ${vnd(tot.discount)}` : ''; return `${rows} ${discRow}
# Hạng mục SL Thành tiền
Cộng${vnd(tot.sub)}
Thuế VAT${vnd(tot.vat)}
Tổng cộng${vnd(tot.total)}
`; } // The HTML body inserted into the email composer / logged in Sent. function quoteEmailBody(q, cust, rep, branding, sig, onlineUrl){ const co = docCompany(branding); const greet = rep && rep.name ? `Kính gửi ${rep.name}${rep.title ? ' – ' + rep.title : ''},` : `Kính gửi Quý khách hàng ${cust.name || ''},`; return `

${greet}

Công ty ${co.name} trân trọng gửi đến Quý khách Báo giá ${q.code} cho các hạng mục theo nhu cầu trao đổi. Chi tiết như sau:

${quoteSummaryTableHTML(q)}

Báo giá có hiệu lực đến hết ngày ${fmtDate(q.validUntil)}. Báo giá chi tiết (bản PDF có chữ ký & con dấu) được đính kèm theo email này.

${onlineUrl ? `

Xem báo giá ${q.code} trực tuyến

Nhấn nút trên để mở bản báo giá trực tuyến (xem & tải PDF).

` : ''}

Quý khách vui lòng phản hồi email hoặc liên hệ chúng tôi nếu cần điều chỉnh. Rất mong được hợp tác cùng Quý khách.

Trân trọng cảm ơn,

${(sig != null && String(sig).trim()) ? sig : SIGNATURE}`; } /* ---- full printable A4 quote document (BẢNG BÁO GIÁ) ---- */ function quoteHTML(q, cust, rep, branding){ const tot = quoteTotals(q); const co = docCompany(branding); const S = window.AppSettings || {}; const esc = (x) => String(x == null ? '' : x).replace(/&/g, '&').replace(//g, '>'); const docTitle = (S.quoteDocTitle || '').trim() || 'BẢNG BÁO GIÁ'; const docSubtitle = (S.quoteDocSubtitle != null ? S.quoteDocSubtitle : 'QUOTATION'); // tên tiếng Anh dưới tiêu đề const defaultTerms = ''; const rawTerms = (S.quoteTerms != null ? S.quoteTerms : defaultTerms); const termsIsHtml = /<[a-z][\s\S]*>/i.test(rawTerms); // rich (RichEditor) vs plain lines (cũ) const footerNote = (S.quoteFooterNote || '').trim(); const payMethod = (S.quotePaymentMethod != null ? S.quotePaymentMethod : 'Tạm ứng 50% khi ký hợp đồng, 50% sau khi nghiệm thu & bàn giao.').trim(); const dmy = (s) => { const p = String(s || '').split('-'); return p.length === 3 ? p[2] + '/' + p[1] + '/' + p[0] : (s || ''); }; const mark = (co.short || 'SWO').replace(/[^A-Za-z]/g, '').slice(0, 3).toUpperCase() || 'SWO'; const markEl = co.logo ? `logo` : `
${mark}
`; const d = new Date(q.issueDate); const dateLine = 'TP. Hồ Chí Minh, ngày ' + String(d.getDate()).padStart(2, '0') + ' tháng ' + String(d.getMonth() + 1).padStart(2, '0') + ' năm ' + d.getFullYear(); // Mẫu v2 (2 cột): khung chung (header 2 vùng · title/sub · điều khoản dạng mục · footer · config); thân báo giá giữ riêng. const V = docTpl(S, 'quote', { title:docTitle, subtitle:docSubtitle, terms:rawTerms, footer:(footerNote || DEFAULT_DOC_FOOTER) }); const logoSz = (V.header || {}).logoSize; const vars = docVars({ co, party:cust, docNo:q.code, date:dateLine }); const renderRP = (src) => /<[a-z][\s\S]*>/i.test(src || '') ? renderRichVars(src, vars, co, logoSz) : docTextToHtml(src, vars); const itemRows = q.items.map((it, i) => { const line = it.qty * it.price; return ` ${i + 1} ${esc(it.name)}${it.showDetail && it.detail ? '
' + esc(it.detail) + '
' : ''} ${it.unit} ${it.qty} ${vnd(it.price).replace('₫', '')} ${it.vat}% ${vnd(line).replace('₫', '')} `; }).join(''); const discRow = tot.discount > 0 ? `Chiết khấu (${tot.discPct}%)- ${vnd(tot.discount).replace('₫', '')}` : ''; return `${q.code}
${docHeader2(co, S, V.header, vars)}
Số: ${q.code} · ${dateLine}

${esc(V.title || docTitle)}

${(V.subtitle || '').trim() ? '
' + esc(V.subtitle) + '
' : ''}
Kính gửi:
${cust.name || '—'}
Mã số thuế:
${cust.mst || '—'}
Địa chỉ:
${esc(cust.address || '—')}
Người liên hệ:
${rep.name || '—'}${rep.title ? ' — ' + rep.title : ''}

${co.short} trân trọng gửi đến Quý khách bảng báo giá cho các hạng mục sản phẩm/dịch vụ như sau:

${itemRows} ${discRow}
STTHạng mụcĐVTSLĐơn giáVATThành tiền
Cộng tiền hàng${vnd(tot.sub).replace('₫', '')}
Thuế VAT${vnd(tot.vat).replace('₫', '')}
TỔNG CỘNG (VNĐ)${vnd(tot.total).replace('₫', '')}
Bằng chữ: ${docTienChu(tot.total)}.
Hiệu lực báo giá: ${dmy(q.validUntil)} (${q.validDays} ngày từ ngày phát hành)
Điều khoản và ghi chú ${Array.isArray(V.terms) ? V.terms.map(tm => `
${(tm.title || '').trim() ? `
${esc(tm.title)}
` : ''}
${renderRP(tm.content || '')}
`).join('') : (termsIsHtml ? '
' + renderRP(rawTerms) + '
' : '')} ${q.notes ? '
' + esc(q.notes) + '
' : ''}
${payMethod ? '
Hình thức thanh toán: ' + esc(payMethod) + '
' : ''}
Tài khoản thanh toánNgân hàng: ${co.bank}
Số tài khoản: ${co.stk}
Chủ tài khoản: ${co.name}
KHÁCH HÀNG
(Ký, ghi rõ họ tên)
ĐẠI DIỆN ${co.short}
(Ký, đóng dấu)
${(V.footer || '').trim() ? '
' + renderRP(V.footer) + '
' : ''}
`; } /* ---- preview / print modal ---- */ function QuoteDocModal({ quote, onClose }){ const p = usePortal(); const { t, lang } = useLang(); const toast = useToast(); const cust = (window.CustomerStore && CustomerStore.byCode(quote.customer)) || {}; const rep = quote.rep && window.ContactStore ? (ContactStore.byCode(quote.rep) || {}) : {}; const html = quoteHTML(quote, cust, rep, p.branding); const doPrint = () => { if (!printDocument(html)) toast(lang === 'vi' ? 'Trình duyệt chặn cửa sổ in — hãy cho phép pop-up' : 'Pop-up blocked — allow pop-ups', 'error'); }; return (
{t('hd.total')}: {vnd(quoteTotals(quote).total)}
}>
{t('hd.preview')}
 ); } /* ---- Sinh PDF báo giá (client-side, html2pdf) → { blob, b64, name }. Render trong iframe ẩn để cách ly CSS. ---- */ async function quoteToPdf(quote, cust, rep, branding){ if (!window.html2pdf) throw new Error('Chưa tải được trình tạo PDF (kiểm tra mạng)'); const html = quoteHTML(quote, cust, rep, branding); const name = 'BaoGia_' + quote.code + '.pdf'; const ifr = document.createElement('iframe'); ifr.style.cssText = 'position:fixed;left:-9999px;top:0;width:794px;height:1123px;border:0'; document.body.appendChild(ifr); ifr.srcdoc = html; await new Promise(res => { ifr.onload = res; setTimeout(res, 1000); }); try { const doc = ifr.contentDocument; // FIX khớp báo giá hệ thống: html2canvas chỉ clone subtree nên CSS trong bị BỎ // khi rasterize → PDF đính kèm mất viền/nền/màu + logo phình to (khác hẳn bản xem/in của hệ thống). // → Nhúng bản sao