/* ===================================================================== ModalCotizacion (MCot) — Edicion de Cotizacion Recibe via props: edt, setD, setModal, setSaved, D, saveCot, genCotNum, verPDF, openEmail ===================================================================== */ const MCot = ({ edt, setD, setModal, setSaved, D, saveCot, genCotNum, verPDF, openEmail }) => { const [c, setC] = useState(edt); const [itab, setItab] = useState(0); const [qa, setQa] = useState(null); const [showImport, setShowImport] = useState(null); // "catalogo" | "cotizacion" | null const u = (k, v) => setC(x => ({ ...x, [k]: v })); const getTecs = () => (D.tecnicas || []).filter(t => t.estado === "Activo"); const getTecInfo = n => (D.tecnicas || []).find(x => x.nombre === n) || {}; // ─── Import from catalog or previous cotización ─── const addFromCatalog = (prod) => { setC(prev => { const items = [...(prev.items || []), { ...prod, _id: uid(), cantidad: 1 }]; setItab(items.length - 1); setShowImport(null); return { ...prev, items }; }); }; const addFromCot = (cotId, itemIdx) => { const cot = D.cotizaciones.find(x => x.id === cotId); if (!cot || !cot.items[itemIdx]) return; const src = cot.items[itemIdx]; setC(prev => { const items = [...(prev.items || []), { ...src, _id: uid(), cantidad: src.cantidad }]; setItab(items.length - 1); setShowImport(null); return { ...prev, items }; }); }; const saveToCatalog = (idx) => { const it = c.items[idx]; const { _id, cantidad, ...rest } = it; const prod = { ...rest, id: nid(D.catalogo || []) }; setD(d => ({ ...d, catalogo: [...(d.catalogo || []), prod] })); setSaved("✓ Guardado en catálogo"); setTimeout(() => setSaved(""), 3000); }; // ─── Quick-add helpers ─── const qaCliente = () => setQa({ type: "cliente", data: { razon: "", nit: "", contacto: "", correo: "", tel: "", ciudad: "Cali" } }); const qaSaveCliente = () => { const cl = { ...qa.data, id: nid(D.clientes), tipo: "Empresa", comercial: qa.data.razon, dir: "", dirFactura: "", dirEntrega: "", condiciones: "", obs: "", estado: "Activo" }; const num = genCotNum(cl.id, cl.razon); setQa(null); setD(d => ({ ...d, clientes: [...d.clientes, cl] })); setC(prev => ({ ...prev, clienteId: cl.id, clienteNombre: cl.razon, numero: num })); }; const qaPrenda = () => setQa({ type: "prenda", data: { nombre: "", consumoDefault: 0.65 } }); const qaSavePrenda = (idx) => { const tp = { id: nid(D.tiposPrenda), codigo: "TP-" + String(D.tiposPrenda.length + 1).padStart(3, "0"), nombre: qa.data.nombre, cat: "Superior", desc: "", consumoDefault: qa.data.consumoDefault, insumosDefault: [], procesosDefault: { corte: 1500, confeccion: 6500, empaque: 800 }, estado: "Activo" }; setQa(null); setD(d => ({ ...d, tiposPrenda: [...d.tiposPrenda, tp] })); if (idx !== undefined) urc(idx, { tipoPrenda: tp.nombre, consumoTextil: tp.consumoDefault }); }; const qaTextil = () => setQa({ type: "textil", data: { nombre: "", precio: 0, proveedor: "" } }); const qaSaveTextil = (idx) => { const tx = { id: nid(D.textiles), codigo: "TX-" + String(D.textiles.length + 1).padStart(3, "0"), nombre: qa.data.nombre, proveedor: qa.data.proveedor, precio: qa.data.precio, composicion: "", gramaje: 0, ancho: 150, unidad: "Metro", iva: 19, dctoPP: 0, dctoVol: 0, volMin: 0, diasAbast: 5, colores: "", ref: "", obs: "", estado: "Activo" }; setQa(null); setD(d => ({ ...d, textiles: [...d.textiles, tx] })); if (idx !== undefined) urc(idx, { textilId: tx.id, textilNombre: tx.nombre, precioTextil: tx.precio, dctoTextil: 0 }); }; const qaMaquila = () => setQa({ type: "maquila", data: { tipo: "Trazo", proveedor: "", precioMetro: 0 } }); const qaSaveMaquila = () => { const mq = { id: nid(D.maquila || []), tipo: qa.data.tipo, proveedor: qa.data.proveedor, precioMetro: qa.data.precioMetro || 0, escalas: qa.data.tipo === "Corte" ? [{ desde: 1, hasta: 9999, precio: 0 }] : undefined, precios: qa.data.tipo === "Confección" ? [] : undefined, obs: "", estado: "Activo" }; setQa(null); setD(d => ({ ...d, maquila: [...(d.maquila || []), mq] })); }; // Constructor de ítems const addItem = () => { setC(prev => { const newItem = { _id: uid(), tipoPrenda: "", nombreComercial: "", desc: "", cantidad: 1, textilId: null, textilNombre: "", consumoTextil: 0.65, precioTextil: 0, dctoTextil: 0, insumosItems: [], estampados: [], costoCorte: 1500, costoConfeccion: 6500, costoEmpaque: 800, costoOtros: 0, margenBruto: prev.margenGlobal || 35, ivaRate: 19, cargos: [], empaque: "Individual" }; const items = [...(prev.items || []), newItem]; setItab(items.length - 1); return { ...prev, items }; }); }; const urc = (idx, ch) => { setC(prev => { const items = [...prev.items]; items[idx] = motorCosteo({ ...items[idx], ...ch }, D.insumos); return { ...prev, items }; }); }; const selTipo = (idx, nombre) => { const tp = D.tiposPrenda.find(x => x.nombre === nombre); if (tp) urc(idx, { tipoPrenda: nombre, consumoTextil: tp.consumoDefault || 0.65, insumosItems: (tp.insumosDefault || []).map(id => ({ id, qty: 1 })), costoCorte: (tp.procesosDefault || {}).corte || 1500, costoConfeccion: (tp.procesosDefault || {}).confeccion || 6500, costoEmpaque: (tp.procesosDefault || {}).empaque || 800 }); else urc(idx, { tipoPrenda: nombre }); }; const selTex = (idx, tid) => { const t = D.textiles.find(x => x.id === tid); if (t) urc(idx, { textilId: t.id, textilNombre: t.nombre, precioTextil: t.precio, dctoTextil: t.dctoPP }); }; const addEst = idx => { const tecs = getTecs(); const f = tecs[0] || { nombre: "DTF", costoBase: 35, unidadCobro: "cm²", proveedor: "" }; const est = [...(c.items[idx].estampados || []), { _id: uid(), tecnica: f.nombre, unidadCobro: f.unidadCobro || "cm²", costoUnitario: f.costoBase || 0, proveedor: f.proveedor || "", anchoCm: f.unidadCobro === "cm²" ? 10 : 0, altoCm: f.unidadCobro === "cm²" ? 10 : 0, metros: 0, cantidadUds: 1, puntadasMiles: 0, pliegos: 1, ubicacion: "Frente" }]; urc(idx, { estampados: est }); }; const rmEst = (ii, ei) => urc(ii, { estampados: c.items[ii].estampados.filter((_, i) => i !== ei) }); const upEst = (ii, ei, ch) => { const est = [...c.items[ii].estampados]; est[ei] = { ...est[ei], ...ch }; if (ch.tecnica) { const ti = getTecInfo(ch.tecnica); est[ei].unidadCobro = ti.unidadCobro || est[ei].unidadCobro; est[ei].costoUnitario = ti.costoBase || est[ei].costoUnitario; est[ei].proveedor = ti.proveedor || est[ei].proveedor; if ((ti.unidadCobro || "").toLowerCase() === "metro") { est[ei].metros = c.items[ii].consumoTextil || 0; } } urc(ii, { estampados: est }); }; const rmItem = idx => { setC(prev => { const items = prev.items.filter((_, i) => i !== idx); if (itab >= items.length) setItab(Math.max(0, items.length - 1)); return { ...prev, items }; }); }; const dupItem = idx => { setC(prev => { const src = prev.items[idx]; const items = [...prev.items, { ...src, _id: uid(), estampados: (src.estampados || []).map(e => ({ ...e, _id: uid() })), cargos: (src.cargos || []).map(x => ({ ...x })) }]; setItab(items.length - 1); return { ...prev, items }; }); }; const addCargo = idx => urc(idx, { cargos: [...(c.items[idx].cargos || []), { nombre: "", modo: "porcentaje", valor: 0 }] }); const rmCargo = (ii, ci) => urc(ii, { cargos: c.items[ii].cargos.filter((_, i) => i !== ci) }); const upCargo = (ii, ci, ch) => { const cg = [...c.items[ii].cargos]; cg[ci] = { ...cg[ci], ...ch }; urc(ii, { cargos: cg }); }; const applyPl = (idx, plId) => { const pl = D.plantillasCargos.find(p => p.id === plId); if (pl) urc(idx, { cargos: pl.cargos.map(x => ({ ...x })) }); }; const ci = c.items && c.items[itab]; const tots = (() => { const r = (c.items || []).reduce((a, it) => { const rc = motorCosteo(it, D.insumos); a.n += rc._netoSinIVA * it.cantidad; a.u += rc._utilidad * it.cantidad; return a; }, { n: 0, i: 0, f: 0, u: 0 }); r.i = Math.round(r.n * 0.19); r.f = r.n + r.i; return r; })(); return (
{ if (e.target === e.currentTarget) saveCot(c); }}>
e.stopPropagation()} onClick={e => e.stopPropagation()}> {/* Header */}
Nombre de la cotización (editable)
u("nombreCot", e.target.value)} placeholder="Escribe un nombre para esta cotización..." />
COT-{c.numero}
{/* C.1 Encabezado */}
u("fecha", e.target.value)} /> u("vigencia", e.target.value)} /> u("comercial", e.target.value)} />
{c.estado === "No aprobada" &&
Razón:{RAZONES_NO.map(r => )}
}
x.id === c.clienteId)?.razon || c.clienteNombre || "")} onChange={e => { u("_clienteSearch", e.target.value); }} onFocus={e => { if (!c._clienteSearch && c._clienteSearch !== "") u("_clienteSearch", ""); }} onBlur={() => { setTimeout(() => u("_clienteSearch", undefined), 200); }} /> {c._clienteSearch !== undefined && (() => { const q = (c._clienteSearch || "").toLowerCase(); const matches = D.clientes.filter(x => !q || x.razon.toLowerCase().includes(q) || (x.comercial||"").toLowerCase().includes(q) || (x.nit||"").toLowerCase().includes(q)).slice(0, 12); return (
{matches.map(x =>
{ const num = genCotNum(x.id, x.razon); u("clienteId", x.id); u("clienteNombre", x.razon); u("numero", num); u("_clienteSearch", undefined); }}> {x.razon}{x.comercial ? · {x.comercial} : ""}{x.nit ? · {x.nit} : ""}
)}
{ qaCliente(); u("_clienteSearch", undefined); }}> + Nuevo Cliente...
); })()}
u("proyecto", e.target.value)} /> u("margenGlobal", parseFloat(e.target.value) || 0)} />