@@ -591,6 +639,7 @@ function buildForm() {
document.getElementById("pcode-other-wrap").style.display = this.value === "__other__" ? "block" : "none";
});
document.getElementById("ct-pick").addEventListener("change", e => fillChargeTo(e.target.value));
+ document.getElementById("idate").addEventListener("change", calcPayBy);
document.getElementById("paid-inp").addEventListener("input", calcTotals);
document.getElementById("the-form").addEventListener("submit", e => { e.preventDefault(); generateInvoice(); });
document.querySelectorAll("[data-ls]").forEach(el => el.addEventListener("change", saveStorage));
@@ -601,6 +650,10 @@ function fillChargeTo(v) {
const f = (id, val) => { const el = document.getElementById(id); if (el) el.value = val ?? ""; };
const fields = document.getElementById("ct-fields");
+ const hidePayment = cfg["hide-payment-info"] === true || cfg["hide-payment-info"] === "yes";
+ const ppanel = document.getElementById("payment-panel");
+ if (ppanel) ppanel.style.display = (!hidePayment && v === "__other__") ? "" : "none";
+
if (v === "" || v === "__other__") {
if (v === "") ["ctn","ca1","ca2","ca3","ca4","cc","cph","cem","cvat","creg"].forEach(id => f(id, ""));
fields?.classList.remove("locked");
@@ -810,6 +863,21 @@ function calcLine(i) {
calcTotals();
}
+function calcPayBy() {
+ const idate = document.getElementById("idate")?.value;
+ const terms = parseInt(document.getElementById("pterm")?.value) || 0;
+ const el = document.getElementById("paybydisp");
+ if (!el) return;
+ if (idate && terms > 0) {
+ const d = new Date(idate + "T00:00:00");
+ d.setDate(d.getDate() + terms);
+ const iso = `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,"0")}-${String(d.getDate()).padStart(2,"0")}`;
+ el.textContent = fmtDate(iso);
+ } else {
+ el.textContent = "";
+ }
+}
+
function calcTotals() {
let sub = 0;
Object.keys(lines).forEach(i => {
@@ -885,6 +953,8 @@ function relabel() {
"lbl-ctn":"charge-to-name","lbl-ca1":"charge-to-address1","lbl-ca2":"charge-to-address2",
"lbl-ca3":"charge-to-address3","lbl-ca4":"charge-to-address4","lbl-cc":"charge-to-country",
"lbl-cph":"charge-to-phone","lbl-cem":"charge-to-email","lbl-cvat":"vat-id","lbl-creg":"registration-no",
+ "lbl-pay-sec":"payment","lbl-pterm":"payment-terms","lbl-days":"payment-days","lbl-paybyl":"pay-by",
+ "lbl-pacct":"account-holder","lbl-piban":"account-no","lbl-pbic":"bank-bic","lbl-pbadr":"bank-address","lbl-pref":"payment-ref",
"th-qty":"qty","th-uom":"uom","th-desc":"description","th-price":"price","th-tot":"line-total",
"lbl-sub":"subtotal","lbl-paid":"paid","lbl-topay":"to-pay",
};
@@ -980,6 +1050,18 @@ function gatherData(renderLang) {
const ctCntry= COUNTRY_MAP[g("cc")] || "";
const ctPh = g("cph"), ctEm = g("cem"), ctVat = g("cvat"), ctReg = g("creg");
+ const ppanel = document.getElementById("payment-panel");
+ const payVisible = ppanel && ppanel.style.display !== "none";
+ const pTerm = payVisible ? (parseInt(document.getElementById("pterm")?.value) || 0) : 0;
+ const pPayBy = payVisible ? (document.getElementById("paybydisp")?.textContent || "") : "";
+ const pAcct = payVisible ? g("pacct") : "";
+ const pIban = payVisible ? g("piban") : "";
+ const pBic = payVisible ? g("pbic") : "";
+ const pBadr1 = payVisible ? g("pbadr1"): "";
+ const pBadr2 = payVisible ? g("pbadr2"): "";
+ const pRef = payVisible ? g("pref") : "";
+ const hasPayment = payVisible && !!(pAcct || pIban || pBic || pBadr1 || pRef || pTerm > 0);
+
let sub = 0;
const rows = [];
Object.keys(lines).sort((a,b)=>+a-+b).forEach(i => {
@@ -1033,6 +1115,7 @@ function gatherData(renderLang) {
return { dl, td, sName, sAddr, sCntry, sPh, sEm, iDate, pCode, iNo, iCur,
ctName, ctAddr, ctCntry, ctPh, ctEm, ctVat, ctReg,
+ pTerm, pPayBy, pAcct, pIban, pBic, pBadr1, pBadr2, pRef, hasPayment,
rows, sub, taxes, totalTax, paid, toPay };
}
@@ -1040,6 +1123,7 @@ function gatherData(renderLang) {
function buildPreviewHTML() {
const { td, sName, sAddr, sCntry, sPh, sEm, iDate, pCode, iNo, iCur,
ctName, ctAddr, ctCntry, ctPh, ctEm, ctVat, ctReg,
+ pTerm, pPayBy, pAcct, pIban, pBic, pBadr1, pBadr2, pRef, hasPayment,
rows, sub, taxes, paid, toPay } = gatherData();
const linesHTML = rows.map(row => {
@@ -1113,7 +1197,19 @@ function buildPreviewHTML() {
+
${h(td("payment"))}
+ ${pTerm > 0 ? `
${h(td("payment-terms"))}: ${pTerm} ${h(td("payment-days"))}${pPayBy ? ` — ${h(td("pay-by"))}: ${h(pPayBy)}` : ""}
` : ""}
+
+ ${pAcct ? `${h(td("account-holder"))}${h(pAcct)}` : ""}
+ ${pIban ? `${h(td("account-no"))}${h(pIban)}` : ""}
+ ${pBic ? `${h(td("bank-bic"))}${h(pBic)}` : ""}
+ ${pBadr1 || pBadr2 ? `${h(td("bank-address"))}${[pBadr1,pBadr2].filter(Boolean).map(l=>h(l)).join("
")}` : ""}
+
+ ${pRef ? `
${h(td("payment-ref"))}: ${h(pRef)}
` : ""}
+