94 lines
3.8 KiB
Plaintext
94 lines
3.8 KiB
Plaintext
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Invoice #{{ order.order_number }} — Harding's Clocks</title>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body class="invoice-body">
|
|
<div class="invoice-toolbar no-print">
|
|
<button type="button" onclick="window.print()">Print</button>
|
|
</div>
|
|
|
|
<div class="invoice">
|
|
<header class="invoice-header">
|
|
<div>
|
|
<h1>Harding's Clocks</h1>
|
|
<p>Clock Sales & Repair</p>
|
|
</div>
|
|
<div class="invoice-meta">
|
|
<p><strong>Invoice #{{ order.order_number }}</strong></p>
|
|
<p>Date In: {{ order.date_in or '' }}</p>
|
|
{% if order.date_out %}<p>Date Out: {{ order.date_out }}</p>{% endif %}
|
|
{% if order.due_date %}<p>Due: {{ order.due_date }}</p>{% endif %}
|
|
<p>Status: {{ order.status }}</p>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="invoice-parties">
|
|
<div>
|
|
<h2>Ship To</h2>
|
|
<p>{{ order.customer_name }}</p>
|
|
{% if order.address_line1 %}<p>{{ order.address_line1 }}</p>{% endif %}
|
|
{% if order.address_line2 %}<p>{{ order.address_line2 }}</p>{% endif %}
|
|
{% if order.city or order.state or order.zip %}<p>{{ order.city or '' }}{% if order.state %}, {{ order.state }}{% endif %} {{ order.zip or '' }}</p>{% endif %}
|
|
{% if order.phone %}<p>{{ order.phone }}</p>{% endif %}
|
|
</div>
|
|
<div>
|
|
<h2>Clock</h2>
|
|
{% if order.manufacturer or order.model %}<p>{{ order.manufacturer or '' }} {{ order.model or '' }}</p>{% endif %}
|
|
{% if order.serial_number %}<p>Serial: {{ order.serial_number }}</p>{% endif %}
|
|
{% if order.reference %}<p>Reference: {{ order.reference }}</p>{% endif %}
|
|
</div>
|
|
<div>
|
|
<h2>Order Info</h2>
|
|
<p>Job Type: {{ order.job_type or '' }}</p>
|
|
{% if order.service_rep %}<p>Rep: {{ order.service_rep }}</p>{% endif %}
|
|
{% if order.technician %}<p>Technician: {{ order.technician }}</p>{% endif %}
|
|
{% if order.cust_po %}<p>PO: {{ order.cust_po }}</p>{% endif %}
|
|
{% if order.terms %}<p>Terms: {{ order.terms }}</p>{% endif %}
|
|
</div>
|
|
</section>
|
|
|
|
<table class="invoice-table">
|
|
<thead>
|
|
<tr><th>Type</th><th>Stock #</th><th>Description</th><th>Qty</th><th>Unit Price</th><th>Total</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for line in order.lineItems %}
|
|
<tr>
|
|
<td>{{ line.kind }}</td>
|
|
<td>{{ line.stock_code or '' }}</td>
|
|
<td>{{ line.description or '' }}</td>
|
|
<td>{{ line.quantity }}</td>
|
|
<td>{{ line.unit_price | money }}</td>
|
|
<td>{{ line.unit_price | lineTotal(line.quantity) }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
<section class="invoice-totals">
|
|
<dl>
|
|
<div><dt>Parts</dt><dd>{{ order.totals.total_parts | money }}</dd></div>
|
|
<div><dt>Labor</dt><dd>{{ order.totals.total_labor | money }}</dd></div>
|
|
<div><dt>Sublet</dt><dd>{{ order.totals.total_sublet | money }}</dd></div>
|
|
<div><dt>Tax</dt><dd>{{ order.tax | money }}</dd></div>
|
|
<div><dt>Shipping</dt><dd>{{ order.shipping | money }}</dd></div>
|
|
<div><dt>Pickup/Delivery</dt><dd>{{ order.pickup_delivery | money }}</dd></div>
|
|
<div><dt>Service Call</dt><dd>{{ order.service_call | money }}</dd></div>
|
|
<div><dt>Disposal</dt><dd>{{ order.disposal | money }}</dd></div>
|
|
<div class="grand"><dt>Grand Total</dt><dd>{{ order.totals.grand_total | money }}</dd></div>
|
|
<div><dt>Amount Paid</dt><dd>{{ order.amount_paid | money }}</dd></div>
|
|
<div class="balance-due"><dt>Balance Due</dt><dd>{{ order.totals.balance_due | money }}</dd></div>
|
|
</dl>
|
|
</section>
|
|
|
|
<footer class="invoice-footer">
|
|
<p>Thank you for your business.</p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|