// quote-new.jsx — interactive "create quote" modal (quick-action target for Quotes). function NewQuoteModal({ onClose, prefill, editing }){ const p = usePortal(); const { t, lang } = useLang(); const showCost = canViewCost(p); const stockMap = React.useMemo(() => (window.stockQtyMap ? stockQtyMap(p.moves) : {}), [p.moves]); const toast = useToast(); // Chiều báo giá: 'sell' (gửi KH) | 'buy' (nhận từ NCC) — chốt lúc mở form, không đổi giữa chừng. const dir = editing ? quoteDir(editing) : ((prefill && prefill.direction) === 'buy' ? 'buy' : 'sell'); const [f, setF] = React.useState(editing ? { customer:editing.customer, rep:editing.rep || '', issueDate:editing.issueDate, validDays:+editing.validDays || 30, discountPct:+editing.discountPct || 0, notes:editing.notes || '' } : { customer:(prefill && prefill.customer) || (dir === 'buy' ? '' : (p.customers[0] ? p.customers[0].code : '')), rep:'', issueDate:TODAY, validDays:+(p.appSettings.quoteValidDays) || 30, discountPct:+(p.appSettings.quoteDiscount) || 0, notes:'' }); const [items, setItems] = React.useState(editing && editing.items && editing.items.length ? editing.items.map(it => ({ name:it.name, unit:it.unit, qty:it.qty, price:it.price, vat:it.vat, detail:it.detail || '', showDetail:!!it.showDetail })) : (prefill && prefill.items && prefill.items.length ? prefill.items : [{ name:'', unit:'gói', qty:1, price:0, vat:8, detail:'', showDetail:false }])); const set = (k, v) => setF(s => ({ ...s, [k]:v })); const products = p.products || []; const [addProdOpen, setAddProdOpen] = React.useState(false); // mở form Sản phẩm đầy đủ ngay trong form báo giá const cust = (dir === 'buy' ? (p.vendors || []) : p.customers).find(c => c.code === f.customer) || {}; // Mã báo giá: khi sửa giữ nguyên mã cũ; khi tạo mới sinh theo định dạng + đối tác + ngày. // Chiều MUA đổi tiền tố BG- → BGM- để phân biệt hai luồng (format tùy chỉnh không bắt đầu BG- thì giữ nguyên). const rawCode = editing ? editing.code : genQuoteCode(p.quotes, cust.shortName || cust.name || '', f.issueDate); const code = (!editing && dir === 'buy') ? rawCode.replace(/^BG-/, 'BGM-') : rawCode; const reps = p.contacts.filter(c => c.customer === f.customer); const validUntil = addDays(f.issueDate, +f.validDays || 0); const discPct = +f.discountPct || 0; const tot = items.reduce((acc, it) => { const line = (+it.qty || 0) * (+it.price || 0); acc.sub += line; acc.vat += line * (1 - discPct / 100) * (+it.vat || 0) / 100; return acc; }, { sub:0, vat:0 }); const discount = tot.sub * discPct / 100; const total = tot.sub - discount + tot.vat; // Lãi gộp NỘI BỘ — chỉ tính item khớp sản phẩm có giá vốn; KHÔNG bao giờ in ra báo giá gửi khách. const costInfo = items.reduce((a, it) => { const prod = products.find(pr => pr.name === it.name); const cost = prod ? productCost(prod) : 0; if (cost > 0) { const qty = +it.qty || 0; a.cost += cost * qty; a.rev += (+it.price || 0) * qty; a.known = true; } return a; }, { cost:0, rev:0, known:false }); const gross = costInfo.rev - costInfo.cost; const grossPct = costInfo.rev ? Math.round(gross / costInfo.rev * 100) : 0; const upItem = (i, k, v) => setItems(s => s.map((it, j) => j === i ? { ...it, [k]:v } : it)); // Giá tự điền theo chiều: bán → giá bán mới nhất; mua → giá vốn (nếu có) làm mốc, user sửa theo giá NCC chào. const priceOf = (prod) => dir === 'buy' ? (productCost(prod) || 0) : productPrice(prod); const onName = (i, v) => { const prod = products.find(pr => pr.name === v); // chọn từ danh mục → tự điền ĐVT, giá, VAT; nạp sẵn "chi tiết" (mô tả SP) để khi tích ô là hiện. if (prod) setItems(s => s.map((it, j) => j === i ? { ...it, name:v, unit:prod.unit, price:priceOf(prod), vat:prod.vat, detail:prod.desc || it.detail || '' } : it)); else upItem(i, 'name', v); }; // Tích "Hiển thị chi tiết" → bật hiện; nếu chưa có nội dung thì tự nạp từ mô tả sản phẩm (sửa được sau). const toggleDetail = (i) => setItems(s => s.map((it, j) => { if (j !== i) return it; const show = !it.showDetail; let detail = it.detail || ''; if (show && !detail) { const prod = products.find(pr => pr.name === it.name); detail = (prod && prod.desc) || ''; } return { ...it, showDetail:show, detail }; })); const addItem = () => setItems(s => [...s, { name:'', unit:'gói', qty:1, price:0, vat:8, detail:'', showDetail:false }]); const rmItem = (i) => setItems(s => s.length > 1 ? s.filter((_, j) => j !== i) : s); // Tạo SP mới ngay trong form báo giá (nút "Tạo SP mới") → điền vào dòng trống cuối, hoặc thêm dòng mới. const addItemFromProduct = (prod) => { const line = { name:prod.name, unit:prod.unit || 'gói', qty:1, price:priceOf(prod), vat:(prod.vat != null ? prod.vat : 8), detail:prod.desc || '', showDetail:false }; setItems(s => { const last = s[s.length - 1]; if (last && !(last.name || '').trim()) return s.map((it, j) => j === s.length - 1 ? line : it); return [...s, line]; }); }; const build = () => { if (!f.customer) { toast(dir === 'buy' ? (lang === 'vi' ? 'Chọn nhà cung cấp' : 'Select a vendor') : (lang === 'vi' ? 'Chọn khách hàng' : 'Select a customer'), 'error'); return null; } if (!items.some(it => it.name.trim())) { toast(lang === 'vi' ? 'Thêm ít nhất 1 hạng mục' : 'Add at least one item', 'error'); return null; } return { code, direction:dir, customer:f.customer, rep:f.rep || null, owner:(editing && editing.owner) || p.me.name, issueDate:f.issueDate, validDays:+f.validDays || 30, validUntil, // khi sửa: giữ nguyên trạng thái & dữ liệu gửi/chuyển; khi tạo mới: nháp. status:editing ? editing.status : 'draft', discountPct:discPct, notes:f.notes, items:items.filter(it => it.name.trim()).map(it => ({ name:it.name, unit:it.unit, qty:+it.qty || 0, price:+it.price || 0, vat:+it.vat || 0, detail:(it.detail || '').trim(), showDetail:!!it.showDetail })), sentDate:editing ? (editing.sentDate || null) : null, sentTo:editing ? (editing.sentTo || []) : [], convertedTo:editing ? (editing.convertedTo || null) : null, // giữ lịch sử khi sửa; tạo mới → ghi sự kiện "tạo". history:editing ? (editing.history || []) : [qEvt('create', lang === 'vi' ? 'Tạo báo giá' : 'Quote created', p.me.name)], }; }; const create = (thenSend) => { const rec = build(); if (!rec) return; if (editing) p.patchQuote(editing.code, qWithHist(rec, qEvt('edit', lang === 'vi' ? 'Cập nhật báo giá' : 'Quote updated', p.me.name))); else p.saveQuote(rec); // Chỉ chiều BÁN mới tự bổ sung sản phẩm từ báo giá — giá trong báo giá MUA là giá NCC chào, không phải giá bán. if (dir === 'sell') p.reconcileProductsFromQuote(rec.items, code); toast((editing ? (lang === 'vi' ? 'Đã lưu báo giá ' : 'Saved ') : (lang === 'vi' ? 'Đã tạo báo giá ' : 'Created ')) + code, 'success'); onClose(); if (thenSend) p.sendQuote(rec); else p.navigate({ name:'module', module:'quotes', sub:'detail', id:code }); }; const cellInput = { height:26, padding:'0 6px', border:'1px solid var(--border-strong)', borderRadius:'var(--r-sm)', width:'100%', fontSize:'var(--fs-base)', background:'var(--bg)' }; // Ô đầu (tên SP) cao hơn (input + checkbox + meta) → .tbl td mặc định middle làm các ô khác // lệch dòng. Canh ĐỈNH cả hàng để mọi control nằm thẳng 1 đường với input tên. const cellTop = { verticalAlign:'top', paddingTop:5, paddingBottom:5 }; return ( <>
{t('hd.total')}:{vnd(total)}
{dir !== 'buy' && }}>
{/* header */}
{t('bg.code')}:{code}{lang === 'vi' ? 'tự sinh' : 'auto'} {t('bg.validUntil')}:{fmtDate(validUntil)}
set('issueDate', v)} />
set('validDays', e.target.value)} />
set('discountPct', e.target.value)} />
{/* parties — chiều mua chọn NCC (cùng pattern form hợp đồng), chiều bán giữ PartyFields */}
{dir === 'buy' ? t('hd.vendor') : (lang === 'vi' ? 'Khách hàng' : 'Customer')}
{dir === 'buy' ? (
) : ( set('customer', v)} onRep={v => set('rep', v)} showEmail={true} /> )} {/* items */}
{t('hd.items')}
{lang === 'vi' ? 'Chọn từ Danh mục SP để tự điền giá mới nhất — gõ tên mới sẽ tự thêm khi lưu, hoặc bấm "Tạo SP mới" để khai báo đầy đủ.' : 'Pick from the catalog to autofill the latest price — typed new names are auto-added on save, or click "New product" for full details.'}
{products.map(pr => )}
{items.map((it, i) => { const line = (+it.qty || 0) * (+it.price || 0); const tt = line * (1 - discPct / 100) * (1 + (+it.vat || 0) / 100); const uCost = (products.find(pr => pr.name === it.name) || {}).cost || 0; const uMargin = (+it.price || 0) - uCost; const uPct = (+it.price || 0) ? Math.round(uMargin / (+it.price || 0) * 100) : 0; return (
{t('hd.items')}{t('hd.unit')}{t('hd.qty')}{t('hd.price')}{t('hd.vat')}%{t('hd.total')}
{/* onFocus select-all: đã chọn SP rồi vẫn đổi được — gõ là thay toàn bộ, danh sách gợi ý mở lại */} onName(i, e.target.value)} onFocus={e => e.target.select()} /> {it.showDetail &&