fix for Downpayment label + fix for invoice modal
This commit is contained in:
@@ -118,17 +118,26 @@ function renderInvoiceItems(items, invoice = null) {
|
||||
<td class="total-amount" style="font-size: 16px;">$${formatMoney(total)}</td>
|
||||
</tr>`;
|
||||
|
||||
// Add downpayment/balance if partial
|
||||
// Add downpayment/balance if partial
|
||||
if (amountPaid > 0) {
|
||||
const isFullyPaid = balanceDue <= 0.01; // allow for rounding
|
||||
const paymentLabel = isFullyPaid ? 'Payment:' : 'Downpayment:';
|
||||
|
||||
itemsHTML += `
|
||||
<tr class="footer-row">
|
||||
<td colspan="3" class="total-label" style="color: #059669;">Downpayment:</td>
|
||||
<td colspan="3" class="total-label" style="color: #059669;">${paymentLabel}</td>
|
||||
<td class="total-amount" style="color: #059669;">-$${formatMoney(amountPaid)}</td>
|
||||
</tr>
|
||||
</tr>`;
|
||||
|
||||
// Only show BALANCE DUE row if there's actually a remaining balance
|
||||
if (!isFullyPaid) {
|
||||
itemsHTML += `
|
||||
<tr class="footer-row">
|
||||
<td colspan="3" class="total-label" style="font-weight: bold; font-size: 16px; border-top: 2px solid #333; padding-top: 8px;">BALANCE DUE:</td>
|
||||
<td class="total-amount" style="font-weight: bold; font-size: 16px; border-top: 2px solid #333; padding-top: 8px;">$${formatMoney(balanceDue)}</td>
|
||||
</tr>`;
|
||||
}
|
||||
}
|
||||
|
||||
// Thank you message
|
||||
|
||||
Reference in New Issue
Block a user