Skip to content

Instantly share code, notes, and snippets.

@zackchandler

zackchandler/custom_template.html

Created October 28, 2009 17:42
Show Gist options
  • Save zackchandler/220642 to your computer and use it in GitHub Desktop.
Save zackchandler/220642 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
custom_template.html
<html>
<head>
<title>Estimate</title>
<style type="text/css">
body { margin: 20px 50px 20px 50px; color: #000080; }
#customer { margin-left: 15px; }
table { width: 100%; font-size: 10px; border-collapse: collapse; }
table td { vertical-align: top; }
table#job_details { margin: 20px 0 0 350px; border: 1px solid #000080; border-bottom: none; }
table#job_details td { padding: 5px; border: 1px solid #000080; border-bottom: none; text-align: center; }
table#line_items { margin-bottom: 30px; border: 1px solid #000080; }
table#line_items th { background-color: #D1D1FF; }
table#line_items th, table#line_items td { padding: 5px 10px; border: 1px solid #000080; }
table#line_items tr.totals td { border: none; }
table#line_items tr.divider td { margin-top: 10px; padding-top: 10px; border-top: 5px solid #000080; }
table#line_items td.totals_section { background-color: #D1D1FF; font-weight: bold; }
#footer { padding: 5px; text-align: center; background-color: #ffc; }
</style>
</head>
<body>
<table id="top">
<tr>
<td>
<div id="company">
<div>{{ account.logo }}</div>
<div><strong>{{ account.company_name | h }}</strong></div>
<div>{{ account_details.billing_address | h }}</div>
<div>
{{ account_details.billing_city | h }},
{{ account_details.billing_state | h }}
{{ account_details.billing_zip_code | h }}</div>
<div>{{ account_details.billing_country | h }}</div>
<div>{{ account_details.billing_phone_number | h }}</div>
</div>
</td>
<td>
<div id="customer">
<h1>Estimate # {{ job.job_number }}</h1>
<div>{{ customer.name | h }}</div>
<div>{{ customer.service_address | h | newline_to_br }}</div>
<div>
{{ customer.service_city | h }},
{{ customer.service_state | h }}
{{ customer.service_zip_code | h }}
</div>
<div>{{ customer.phone_number | h }}</div>
</div>
</td>
</tr>
</table>
<table id="job_details">
<tr>
<td>Date</td>
<td>Job #</td>
</tr>
<tr>
<td>{{ job.scheduled_on | date: "%m/%d/%Y" }}</td>
<td>{{ job.job_number }}</td>
</tr>
</table>
<table id="line_items">
<tr>
<th align="left">Item</th>
<th align="left">Description</th>
<th align="right">Quantity</th>
<th align="right">Per Unit</th>
<th align="right">Line Total</th>
</tr>
{% for job_charge in job.job_charges %}
<tr>
<td width="20%" align="left">{{ job_charge.description | h | newline_to_br }}</td>
<td width="40%" align="left">{{ job_charge.details | h | newline_to_br }}</td>
<td align="right">{{ job_charge.quantity }}</td>
<td align="right">{{ job_charge.price_per_unit | currency }}</td>
<td align="right">{{ job_charge.total | currency }}</td>
</tr>
{% endfor %}
<tr class="totals divider">
<td></td>
<td></td>
<td></td>
<td class="totals_section" align="right">Subtotal:</td>
<td class="totals_section" align="right">{{ job.subtotal | currency }}</td>
</tr>
<tr class="totals">
<td></td>
<td></td>
<td></td>
<td class="totals_section" align="right">Tax:</td>
<td class="totals_section" align="right">{{ job.tax | currency }}</td>
</tr>
<tr class="totals">
<td></td>
<td></td>
<td></td>
<td class="totals_section" align="right">Total:</td>
<td class="totals_section" align="right">{{ job.total | currency }}</td>
</tr>
</table>
<div id="footer" class="section">
<strong>
Estimate price good for 7 days - contact us now to get started!
</strong>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment