Default Estimate Template - 2(Document)
Header
<div style="margin:30px 30px 0px 30px; padding-top: 50px">
<table align="left" border="0" style="width:100%">
<tbody>
<tr>
<td style="vertical-align:top; width:350px">
<h1 style="text-align: left;"><strong>ESTIMATE</strong></h1>
<h2 style="text-align: left;">#{{ quotation.number }}</h2>
<table border="0" cellpadding="1" cellspacing="1" style="width:343px">
<tbody>
<tr>
<td style="width:132px"><strong>Estimate date:</strong><br />
{{ quotation.date|dateformat }}</td>
<td style="width:198px"><strong>Estimate name:</strong><br />
{{ quotation.name }}</td>
</tr>
</tbody>
</table>
</td>
<td style="vertical-align:bottom; justify-content: right; text-align: right; width:384px">
<div style="text-align: right;"><img src="{{ templatesettings.logoLocation }}" /></div>
</td>
</tr>
</tbody>
</table>
</div>Body
<style type="text/css">body {
font-family: sans-serif;
font-size: 14px;
}
table {
border-collapse: collapse;
}
.allocation-table table tr, td, th {
padding: 4px 2px;
}
.not-accepted {
color: red;
text-decoration: line-through;
background: repeating-linear-gradient(45deg, #dddddd, #dddddd 2px, #ffffff 2px, #ffffff 20px);
}
.data-table tr, td, th {
padding: 8px 2px;
}
.data-table tr, .data-table td {
border-bottom: #00bfa5 solid 1px;
}
.data-table td.subline {
color: #555555;
font-style: italic;
}
</style>
<div style="margin: 0px 30px; padding-top: 0px; width: 100%;">
<table style="margin-bottom:1rem; margin-left:0px; width:100%">
<tbody>
<tr>
<td style="padding:0px 8px; width:216px"><strong>Customer Address:</strong></td>
<td style="padding:0px 8px; width:215px"> </td>
<td style="padding:0px 8px; width:200px"><strong>Animal Name:</strong></td>
<td style="padding:0px 8px; width:224px"><strong>Animal Number:</strong></td>
</tr>
<tr>
<td style="padding:0px 8px; width:216px">{{ quotation.clientContact.postalAddress.addressText|raw }}</td>
<td style="padding:0px 8px; width:215px"> </td>
<td style="padding:0px 8px; width:200px; vertical-align: top;">{{ quotation.animal.name }} </td>
<td style="padding:0px 8px; width:224px; vertical-align: top;">{{ quotation.animal.number }}</td>
</tr>
<tr>
<td style="padding:12px 8px 0px; width:216px"><strong>Customer name:</strong></td>
<td style="padding:12px 8px 0px; width:215px"> </td>
<td style="padding:12px 8px 0px; width:200px"><strong>Animal DOB:</strong></td>
<td style="padding:12px 8px 0px; width:224px"><strong>Animal Sex:</strong></td>
</tr>
<tr>
<td style="padding:0px 8px; width:216px">{{ quotation.clientContact.name }}</td>
<td style="padding:0px 8px; width:215px"> </td>
<td style="padding:0px 8px; width:200px">{{ quotation.animal.dateOfBirth|dateformat }} </td>
<td style="padding:0px 8px; width:224px">{{ quotation.animal.sex|sexformat }}</td>
</tr>
</tbody>
</table>
{% if quotation.blurbHtml %}<span>{{ quotation.blurbHtml|raw }}</span><br/>
<br/>
{% endif %}
<table cellspacing="0" class="data-table producttable" style="font-size:12px;width:100%;margin-right:30px;">
<thead>
<tr style="background-color:#00bfa5;">
<td width="34%"><span><strong>Description</strong> </span></td>
<td style="text-align:center;"><span><strong>Qty</strong></span></td>
{% if not financialsettings.hideInvoicePrices %}
<td><span><strong>Standard Price</strong></span></td>
<td><span><strong>Disc %</strong></span></td>
<td><span><strong>Price</strong></span></td>
{% endif %}
<td width="18%" style="text-align: right; padding-right: 8px;"><span><strong>Total</strong></span></td>
</tr>
</thead>
<tbody>{% for line in quotation.lineItems %}
<tr>
<td class="{% if not line.isAccepted %}not-accepted{% endif %}"><span><strong>{{ line.productName|htmlsafe }}</strong><br/>
<br/>
{{ line.customDescription }}</span></td>
<td class="{% if not line.isAccepted %}not-accepted{% endif %}"
style="vertical-align: top; text-align:center;"><span>{{ line.qty }} → {{ line.highQty }} </span></td>
{% if not financialsettings.hideInvoicePrices %}
<td class="{% if not line.isAccepted %}not-accepted{% endif %}"
style="vertical-align: top;"><span>{{ line.priceBeforeDiscount(quotation.includesTax)|moneyformat }}</span></td>
<td class="{% if not line.isAccepted %}not-accepted{% endif %}"
style="vertical-align: top;">
<span>{% if line.discount > 0 %}{{ line.discount }}{% else %}0.00{% endif %}%</span></td>
<td class="{% if not line.isAccepted %}not-accepted{% endif %}"
style="vertical-align: top;">
<span>{{ line.priceAfterDiscount(quotation.includesTax)|moneyformat }}</span></td>
{% endif %}
<td class="{% if not line.isAccepted %}not-accepted{% endif %}"
style="vertical-align: top; text-align: right; padding-right: 8px;"><span>{{ line.total(true)|moneyformat }} → {{ line.highTotal(true)|moneyformat }} </span></td>
</tr>
{% endfor %}
</tbody>
</table>
<div style="width: 100%;">
<div style="width:300px; margin-right:30px; float: right;">
<table style="width: 100%;">
<tr>
<td style="width: 150px; text-align: left;"><span>Subtotal:</span></td>
<td style="width: 150px; text-align: right; font-weight: bold;"><span>{{ quotation.totalExcTax|moneyformat }} {% if quotation.hasTotalRange %} → {{ quotation.highTotalExcTax|moneyformat }}{% endif %}</span></td>
</tr>
<tr>
<td style="width: 150px; text-align: left;"><span>Tax:</span></td>
<td style="width: 150px; text-align: right; font-weight: bold;"><span>{{ quotation.tax|moneyformat }} {% if quotation.hasTaxRange %} → {{ quotation.highGst|moneyformat }}{% endif %}</span></td>
</tr>
<tr>
<td style="width: 150px; text-align: left;"><span>Total:</span></td>
<td style="width: 150px; text-align: right; font-weight: bold;"><span>{{ quotation.totalIncTax|moneyformat }} {% if quotation.hasTotalRange %} → {{ quotation.highTotalIncTax|moneyformat }}{% endif %}</span></td>
</tr>
<tr>
<td style="width: 150px; text-align: left;"><span>Required Deposit:</span></td>
<td style="width: 150px; text-align: right; font-weight: bold;"><span>{{ quotation.Deposit|moneyformat }}</span></td>
</tr>
</table>
</div>
</div>
</div>
<div style="clear: both;"></div>
<pagebreak />
<div style="margin: 0px 30px; padding-top: 0px; width: 100%;">
<strong><u>Authorization for treatment & hospital admittance</u></strong><br/>
<br/>
<ol>
<li>I am the owner or authorized agent for the owner, and I have the authority to execute the
consent
</li>
<li>The nature of these procedures and associated costs have been explained to me, and I understand
what will be
done
</li>
<li>I understand that this is an Estimate, not a Quotation and that during the course of the
procedures,
including routine
procedures, unforeseen conditions may arise that necessitate the performance of additional
costs. I
understand that all
efforts will be made to contact me before exceeding the estimate.
</li>
<li>I understand that all pricing is TAX exclusive and TAX will be payable in addition to the price
estimates.
</li>
<li>I understand that payment is due in full upon discharge of the animal</li>
<li>This estimate is valid for 3 months from the above date</li>
</ol>
<br/>
<input type="checkbox"/> I understand that a deposit for the low end of the estimate
is required
for hospitalized patients. <br/>
<br/>
In the instance that {{ animal.name }}'s condition requires life-saving emergency medical, including CPR,
I
authorize {{ business.name }} to administer CPR and supportive care.<br/>
<br/>
<input type="checkbox"/> Yes
<input
type="checkbox"/> No<br/>
*During the first 15 minutes of CPR, costs can reach $300 - $500 <br/>
<br/>
In the event I cannot be reached, I authorize Fort Collins Veterinary Emergency Hospital to proceed with
medical
care that will preserve {{ quotation.animal.name }}'s health, including CPR if elected above, additional
procedures,
medications, and medical attention. <br/>
<br/>
Best emergency phone number to reach you at: <input maxlength="15" size="40" type="text"
style="border-radius: 5px;"/><br/>
<br/>
As part of our ongoing commitment to your pet's health, we encourage you to call if you have any
questions.
Please call the hospital at {{ business.businessphone }}. <br/>
I have read, understand and accept the estimate and terms above.<br/>
<br/>
Owner (or agent of the owner) signature: {{ SignatureSmall }} Date: {{ datetime.todaysDate }}
</div>