Remove custom invoice due date option

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>

app/src/app.js

@@ -481,7 +481,7 @@ const buildPaymentQrPayload = (payment, total, invoiceNumber = '') => {
     ].filter(Boolean).join('*');
 };
 
-const renderInvoicePdf = async (document, invoice) => {
+const appendInvoicePdf = async (archive, invoice) => {
     const data = invoice.invoice_data || {};
     const supplier = data.supplier || {};
     const customer = data.customer || {};
@@ -492,6 +492,7 @@ const renderInvoicePdf = async (document, invoice) => {
     const customerName = customer.typSubjektu === 'spolecnost'
         ? customer.nazevSpolecnosti
         : [customer.jmeno, customer.prijmeni].filter(Boolean).join(' ');
+    const document = new PDFDocument({ size: 'A4', margin: 50 });
     const regularFont = '/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf';
     const boldFont = '/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf';
     const qrPayload = buildPaymentQrPayload(payment, data.total, invoice.invoice_number);
@@ -502,10 +503,12 @@ const renderInvoicePdf = async (document, invoice) => {
     }) : null;
     const pageWidth = document.page.width - document.page.margins.left - document.page.margins.right;
     const navy = '#183b56';
+    const blue = '#2b6f8f';
     const line = '#d8d4cc';
     const lightBlue = '#f4f7fb';
     const warm = '#fffaf0';
     const bodyText = '#17202a';
+    const muted = '#65717d';
     const address = (profile) => [
         profile.uliceCp,
         [profile.psc, profile.mesto].filter(Boolean).join(', ')
@@ -518,6 +521,7 @@ const renderInvoicePdf = async (document, invoice) => {
     const partyWidth = (pageWidth - 24) / 2;
     const customerX = document.page.margins.left + partyWidth + 24;
 
+    archive.append(document, { name: `${invoice.invoice_number}.pdf` });
     const headerY = document.y;
     document.fillColor(navy).font(boldFont).fontSize(25).text('Faktura', document.page.margins.left, headerY);
     document.fillColor(navy).font(boldFont).fontSize(16).text(invoice.invoice_number, customerX, headerY, {
@@ -586,30 +590,6 @@ const renderInvoicePdf = async (document, invoice) => {
     document.end();
 };
 
-const appendInvoicePdf = async (archive, invoice) => {
-    const document = new PDFDocument({ size: 'A4', margin: 50 });
-    archive.append(document, { name: `${invoice.invoice_number}.pdf` });
-    await renderInvoicePdf(document, invoice);
-};
-
-app.post('/api/invoices/pdf', requireAuth, async (req, res, next) => {
-    try {
-        const data = normalizeInvoiceData(req.body.data);
-        if (!data) {
-            res.status(400).json({ error: 'Neplatná data faktury.' });
-            return;
-        }
-
-        const invoiceNumber = String(req.body.invoiceNumber || 'Nová faktura').trim() || 'Nová faktura';
-        const document = new PDFDocument({ size: 'A4', margin: 50 });
-        res.attachment(`${invoiceNumber}.pdf`);
-        document.pipe(res);
-        await renderInvoicePdf(document, { invoice_number: invoiceNumber, invoice_data: data });
-    } catch (error) {
-        next(error);
-    }
-});
-
 app.get('/api/invoices/export', requireAuth, async (req, res, next) => {
     try {
         const result = await pool.query(

app/src/static/index.html

@@ -312,13 +312,8 @@
                             <select id="dueDateOption">
                                 <option value="14">14 dní</option>
                                 <option value="30">30 dní</option>
-                                <option value="custom">Vlastní počet dní</option>
                             </select>
                         </div>
-                        <div class="form-group custom-due-days-group" hidden>
-                            <label for="customDueDays">Počet dní</label>
-                            <input id="customDueDays" type="number" min="1" step="1" value="14" />
-                        </div>
                         <output id="dueDateDisplay" class="due-date-display"></output>
                     </div>
                 </div>

app/src/static/script.js

@@ -41,8 +41,6 @@ const savePasswordButton = document.getElementById("savePasswordButton");
 const cancelPasswordButton = document.getElementById("cancelPasswordButton");
 const passwordStatus = document.getElementById("passwordStatus");
 const dueDateOption = document.getElementById("dueDateOption");
-const customDueDays = document.getElementById("customDueDays");
-const customDueDaysGroup = document.querySelector(".custom-due-days-group");
 const dueDateDisplay = document.getElementById("dueDateDisplay");
 const paymentPresetSelect = document.getElementById("paymentPresetSelect");
 const paymentPresetName = document.getElementById("paymentPresetName");
@@ -110,9 +108,7 @@ const getClientLabel = (client) => [
 
 const formatCzechDate = (dateValue) => new Date(`${dateValue}T00:00:00`).toLocaleDateString("cs-CZ");
 
-const getDueDays = () => dueDateOption.value === "custom"
+const getDueDays = () => Number.parseInt(dueDateOption.value, 10) || 14;
-    ? Math.max(1, Number.parseInt(customDueDays.value, 10) || 14)
-    : Number.parseInt(dueDateOption.value, 10);
 
 const getDueDate = () => {
     const dueDate = new Date();
@@ -122,7 +118,6 @@ const getDueDate = () => {
 };
 
 const updateDueDate = () => {
-    customDueDaysGroup.hidden = dueDateOption.value !== "custom";
     dueDateDisplay.textContent = `Splatnost: ${formatCzechDate(getDueDate())}`;
 };
 
@@ -630,6 +625,8 @@ const formatCzechNumber = (value) => Number(value || 0).toLocaleString("cs-CZ",
     maximumFractionDigits: 2
 });
 
+const getTotalValue = () => Number.parseFloat(getValue("total").replace(",", ".")) || 0;
+
 const updateTotal = () => {
     const total = Array.from(itemsContainer.querySelectorAll(".invoice-item"))
         .reduce((sum, item) => {
@@ -641,32 +638,153 @@ const updateTotal = () => {
     document.getElementById("total").textContent = `${formatCzechNumber(total)} Kč`;
 };
 
-printInvoiceButton.addEventListener("click", async () => {
+const getPersonName = (prefix) => [
-    try {
+    getValue(`${prefix}Jmeno`),
-        const response = await fetch("/api/invoices/pdf", {
+    getValue(`${prefix}Prijmeni`)
-            method: "POST",
+].filter(Boolean).join(" ");
-            credentials: "same-origin",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-                data: readInvoiceData(),
-                invoiceNumber: invoiceNumberDisplay.textContent
-            })
-        });
-        if (!response.ok) {
-            const data = await response.json();
-            throw new Error(data.error || "Generování faktury se nepodařilo.");
-        }
 
-        const blob = await response.blob();
+const getAddress = (prefix) => [
-        const downloadUrl = URL.createObjectURL(blob);
+    getValue(`${prefix}UliceCp`),
-        const link = document.createElement("a");
+    [getValue(`${prefix}Psc`), getValue(`${prefix}Mesto`)].filter(Boolean).join(" ")
-        link.href = downloadUrl;
+].filter(Boolean).join(", ");
-        link.download = `${invoiceNumberDisplay.textContent}.pdf`;
+
-        link.click();
+const renderPerson = (prefix) => [
-        URL.revokeObjectURL(downloadUrl);
+    ((prefix === "odberatel" && getValue("odberatelTypSubjektu") === "spolecnost")
-    } catch (error) {
+        || (prefix === "dodavatel" && getValue("dodavatelTypSubjektu") === "spolecnost"))
-        window.alert(error.message);
+        ? getValue(`${prefix}NazevSpolecnosti`)
+        : getPersonName(prefix),
+    getValue(`${prefix}Ico`) ? `IČO: ${getValue(`${prefix}Ico`)}` : "",
+    getAddress(prefix)
+].filter(Boolean).map(escapeHtml).join("<br>");
+
+const renderItems = () => Array.from(itemsContainer.querySelectorAll(".invoice-item"))
+    .map((item) => {
+        const values = Array.from(item.querySelectorAll("input")).map((input) => input.value.trim());
+        return `<tr class="invoice-row">
+            <td>${escapeHtml(values[0])}</td>
+            <td>${escapeHtml(values[1] ? formatCzechNumber(values[1]) : "0,00")}</td>
+            <td>${escapeHtml(values[2])}</td>
+            <td>${escapeHtml(values[3] ? formatCzechNumber(values[3]) : "0,00")} Kč</td>
+        </tr>`;
+    }).join("");
+
+const normalizeIban = (value) => value.replace(/\s+/g, "").toUpperCase();
+
+const domesticAccountToIban = (accountNumber) => {
+    const match = accountNumber.replace(/\s+/g, "")
+        .match(/^(?:(\d{1,6})-)?(\d{1,10})\/(\d{4})$/);
+
+    if (!match) {
+        return "";
     }
+
+    const bban = `${match[3]}${(match[1] || "").padStart(6, "0")}${match[2].padStart(10, "0")}`;
+    const remainder = `${bban}123500`.split("").reduce(
+        (value, digit) => (value * 10 + Number(digit)) % 97,
+        0
+    );
+    const checkDigits = String(98 - remainder).padStart(2, "0");
+
+    return `CZ${checkDigits}${bban}`;
+};
+
+const buildPaymentQrPayload = (accountNumber, iban, swift, total, invoiceNumber = "") => {
+    const preferredAccount = normalizeIban(accountNumber);
+    const fallbackAccount = normalizeIban(iban);
+    const paymentAccount = /^([A-Z]{2})\d{2}[A-Z0-9]{10,32}$/.test(preferredAccount)
+        ? preferredAccount
+        : domesticAccountToIban(accountNumber) || fallbackAccount;
+
+    if (!/^([A-Z]{2})\d{2}[A-Z0-9]{10,32}$/.test(paymentAccount)) {
+        return "";
+    }
+
+    return [
+        "SPD*1.0",
+        `ACC:${paymentAccount}`,
+        `AM:${Number(total || 0).toFixed(2)}`,
+        "CC:CZK",
+        invoiceNumber && `X-VS:${invoiceNumber.replace(/\D/g, "").slice(-10)}`,
+        swift && `X-SWIFT:${normalizeIban(swift)}`
+    ].filter(Boolean).join("*");
+};
+
+const buildInvoiceHtml = () => {
+    const accountNumber = getValue("cisloUctu");
+    const iban = getValue("iban");
+    const swift = getValue("swift");
+    const qrPayload = buildPaymentQrPayload(
+        accountNumber,
+        iban,
+        swift,
+        Number.parseFloat(getValue("total").replace(",", ".")) || 0,
+        invoiceNumberDisplay.textContent
+    );
+    const qrMarkup = qrPayload
+        ? `<img class="qr-code" src="https://api.qrserver.com/v1/create-qr-code/?size=220x220&amp;data=${encodeURIComponent(qrPayload)}" alt="QR kód platebních údajů">`
+        : "<p>Platební QR kód vyžaduje platný IBAN. Číslo účtu bez IBANu nelze bezpečně převést.</p>";
+    const paymentDetails = [
+        accountNumber && `Číslo účtu: ${accountNumber}`,
+        iban && `IBAN: ${iban}`,
+        swift && `SWIFT: ${swift}`
+    ].filter(Boolean).map(escapeHtml).join("<br>");
+
+    return `<!DOCTYPE html>
+<html lang="cs">
+<head>
+    <meta charset="UTF-8">
+    <title>Faktura</title>
+    <style>
+        @page { size: A4; margin: 18mm; }
+        * { box-sizing: border-box; }
+        body { color: #202124; font: 14px Arial, sans-serif; margin: 0; }
+        h1 { font-size: 30px; margin: 0 0 28px; }
+        h2 { font-size: 16px; margin: 0 0 8px; }
+        .parties { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-bottom: 28px; }
+        .party, .payment { border-top: 2px solid #202124; padding-top: 10px; }
+        table { border-collapse: separate; border-spacing: 0; margin-top: 24px; width: 100%; }
+        th, td { padding: 9px 6px; text-align: left; }
+        th { background: #f1f1f1; border-bottom: 1px solid #aeb8c0; }
+        .invoice-row td { border-bottom: 1px solid #c8c8c8; }
+        .invoice-row:nth-child(even) { background: #f4f7fb; }
+        .total { font-size: 18px; font-weight: bold; margin-top: 22px; text-align: right; }
+        .payment-row { align-items: start; display: flex; gap: 28px; justify-content: space-between; margin-top: 36px; }
+        .qr-code { height: 180px; width: 180px; }
+        .qr-placeholder { color: #666; max-width: 220px; }
+        @media print { .qr-placeholder { color: #202124; } }
+    </style>
+</head>
+<body>
+    <h1>Faktura ${escapeHtml(invoiceNumberDisplay.textContent)}</h1>
+    <div class="parties">
+        <section class="party"><h2>Dodavatel</h2>${renderPerson("dodavatel") || "Neuvedeno"}</section>
+        <section class="party"><h2>Odběratel</h2>${renderPerson("odberatel") || "Neuvedeno"}</section>
+    </div>
+    <table>
+        <thead><tr><th>Položka</th><th>Množství</th><th>MJ</th><th>Cena za MJ</th></tr></thead>
+        <tbody>${renderItems() || "<tr><td colspan=\"4\">Žádné položky</td></tr>"}</tbody>
+    </table>
+    <p class="total">Celková částka: ${formatCzechNumber(getTotalValue())} Kč</p>
+    <div class="payment-row">
+        <section class="payment"><h2>Platební údaje</h2>${paymentDetails || "Neuvedeno"}</section>
+        <div class="qr-placeholder">${qrMarkup}</div>
+    </div>
+</body>
+</html>`;
+};
+
+printInvoiceButton.addEventListener("click", () => {
+    const printWindow = window.open("about:blank", "_blank");
+
+    if (!printWindow) {
+        window.alert("Povolte prosím vyskakovací okna pro tisk faktury.");
+        return;
+    }
+
+    printWindow.document.open();
+    printWindow.document.write(buildInvoiceHtml());
+    printWindow.document.close();
+    printWindow.addEventListener("load", () => printWindow.print(), { once: true });
 });
 
 const addInvoiceItem = (values = {}) => {