New invoice print format for new envelopes.
This commit is contained in:
Ty Reynolds
215
ns_app/print_formats/print_formats/double_window_invoice.j2
Normal file
215
ns_app/print_formats/print_formats/double_window_invoice.j2
Normal file
@@ -0,0 +1,215 @@
|
||||
<style>
|
||||
/* 💡 Reserve space in PRINT/PDF so table does not overlap window address */
|
||||
@media print {
|
||||
.window-address-space {
|
||||
padding-top: 1in;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<div style="font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #333;">
|
||||
|
||||
{% set company_doc = frappe.get_doc("Company", company) %}
|
||||
|
||||
<!-- Header -->
|
||||
<table style="width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 15px;">
|
||||
<tr>
|
||||
<td style="text-align: center; position: relative; left: -100px;">
|
||||
<h3 style="margin: 8px 0 0 0; font-size: 15px; font-weight: bold;">
|
||||
{{ company_doc.company_name }}
|
||||
</h3>
|
||||
|
||||
<p style="
|
||||
margin: 10px 0 0 0;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-size: 10px;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
">
|
||||
1063 Chestnut Level Road<br>
|
||||
Quarryville PA 17566<br>
|
||||
|
||||
{% if company_doc.phone_no %}
|
||||
Phone: {{ company_doc.phone_no }}
|
||||
{% endif %}
|
||||
|
||||
{% if company_doc.email %}
|
||||
| Email: {{ company_doc.email }}
|
||||
{% endif %}
|
||||
</p>
|
||||
</td>
|
||||
|
||||
<td style="
|
||||
text-align: right;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
width: 240px;
|
||||
vertical-align: top;
|
||||
">
|
||||
<strong>Invoice</strong>
|
||||
<span>{{ doc.name }}</span><br>
|
||||
|
||||
<strong>Date:</strong>
|
||||
{{ frappe.utils.formatdate(doc.posting_date, "MM-dd-yyyy") }}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Due Date & Terms -->
|
||||
<table style="width:100%; margin-top: -4px; margin-bottom: 10px;">
|
||||
<tr>
|
||||
<td style="width:60%;"></td>
|
||||
|
||||
<td style="width:40%; text-align:right; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.4;">
|
||||
<strong>Customer Number:</strong> {{doc.customer}}<br>
|
||||
<strong>Due Date:</strong> {{ frappe.utils.formatdate(doc.due_date, "MM-dd-yyyy") }}<br>
|
||||
<strong>Terms:</strong> {{ doc.payment_terms_template or "Net 30" }}<br>
|
||||
<strong>**Please include invoice <br> number with check**</strong>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<!-- WINDOW ADDRESS (9x4 envelope position) -->
|
||||
<div style="
|
||||
position: absolute;
|
||||
top: 1.9in;
|
||||
left: 1.125in;
|
||||
width: 4.5in;
|
||||
height: 1.25in;
|
||||
font-size: 15px;
|
||||
line-height: 1.15em;
|
||||
overflow: hidden;
|
||||
">
|
||||
{{ doc.customer_name }}<br>
|
||||
{{ doc.address_display or doc.customer_address }}
|
||||
</div>
|
||||
|
||||
<!-- PRINT SPACE WRAPPER -->
|
||||
<div class="window-address-space">
|
||||
|
||||
|
||||
{% if doc.custom_subscription_data or doc.custom_invoice_notes %}
|
||||
<table style="width:100%; margin:0 0 6px 0; border-collapse:collapse;">
|
||||
<tr>
|
||||
<td style="font-size:14px; padding:0; line-height:1.3;">
|
||||
|
||||
{% if doc.custom_subscription_data %}
|
||||
<div style="margin:0; padding:0; font-weight:bold;">
|
||||
{{ doc.custom_subscription_data }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if doc.custom_invoice_notes %}
|
||||
<div style="margin:0; padding:0; white-space:pre-line;">
|
||||
{{ doc.custom_invoice_notes }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Items Table -->
|
||||
<table style="width: 100%; border-collapse: collapse; margin-bottom:0;">
|
||||
<thead>
|
||||
<tr style="background-color: #f5f5f5;">
|
||||
<th style="border: 1px solid #ccc; padding: 6px;">Item</th>
|
||||
<th style="border: 1px solid #ccc; padding: 6px;">Description</th>
|
||||
<th style="border: 1px solid #ccc; padding: 6px; text-align: right;">Qty</th>
|
||||
<th style="border: 1px solid #ccc; padding: 6px; text-align: right;">Rate</th>
|
||||
<th style="border: 1px solid #ccc; padding: 6px; text-align: right;">Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for row in doc.items %}
|
||||
<tr>
|
||||
<td style="border: 1px solid #ccc; padding: 6px; font-size: 14px">{{ row.item_code }}</td>
|
||||
<td style="border: 1px solid #ccc; padding: 6px; font-size: 14px">{{ row.item_name }}</td>
|
||||
<td style="border: 1px solid #ccc; padding: 6px; font-size: 14px; text-align: right;">{{ row.qty }}</td>
|
||||
<td style="border: 1px solid #ccc; padding: 6px; font-size: 14px; text-align: right;">{{ row.rate }}</td>
|
||||
<td style="border: 1px solid #ccc; padding: 6px; font-size: 14px; text-align: right;">{{ row.amount }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- Totals -->
|
||||
<div style="font-family: Helvetica, Arial, sans-serif; font-size: 15px; color: #333; margin-top: 10px; width: 40%; margin-left: auto;">
|
||||
<p style="display:flex; justify-content:space-between;">
|
||||
<strong>Subtotal:</strong><span>{{ doc.total }}</span>
|
||||
</p>
|
||||
|
||||
{% for tax in doc.taxes %}
|
||||
<p style="display:flex; justify-content:space-between;">
|
||||
<strong>{{ tax.account_head }} ({{ tax.rate }}%):</strong>
|
||||
<span>{{ tax.tax_amount }}</span>
|
||||
</p>
|
||||
{% endfor %}
|
||||
|
||||
<p style="display:flex; justify-content:space-between;">
|
||||
<strong>Total:</strong><span>{{ doc.grand_total }}</span>
|
||||
</p>
|
||||
<p style="display:flex; justify-content:space-between;">
|
||||
<strong>Paid:</strong><span>{{ doc.total_advance }}</span>
|
||||
</p>
|
||||
|
||||
{% set balance = doc.outstanding_amount or 0 %}
|
||||
|
||||
{% if balance == 0 %}
|
||||
{% set balance_color = "#2e7d32" %}
|
||||
{% elif balance > 0 %}
|
||||
{% set balance_color = "#c62828" %}
|
||||
{% else %}
|
||||
{% set balance_color = "#ef6c00" %}
|
||||
{% endif %}
|
||||
|
||||
<p style="display:flex; justify-content:space-between;">
|
||||
<strong style="color: {{ balance_color }} !important;">Balance Due:</strong>
|
||||
<span style="color: {{ balance_color }} !important;">{{ balance }}</span>
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div> <!-- end print space wrapper -->
|
||||
|
||||
<!-- Footer -->
|
||||
<div style="margin-top: 23px; font-size: 10px; color: #777; text-align: center;">
|
||||
<p style="white-space: pre-line; margin: 0;">
|
||||
Prompt payment is always appreciated. We accept payments by check or over the phone using a debit or credit card. Automatic payment setup is also available upon request.
|
||||
|
||||
|
||||
Invoices over 30 days may be charged a late payment fee of 1.5% per month with a minimum fee of $5.
|
||||
|
||||
Thanks for your business.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% set balance = doc.outstanding_amount or 0 %}
|
||||
|
||||
|
||||
{% if balance == 0 %}
|
||||
<div style="text-align: center; margin-top: 35px;">
|
||||
<div style="
|
||||
margin-top: 35px;
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
color: #2e7d32;
|
||||
border: 3px solid #2e7d32;
|
||||
display: inline-block;
|
||||
padding: 10px 40px;
|
||||
transform: rotate(-5deg);
|
||||
">
|
||||
PAID
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user