<style type="text/css">type="text/css"
    th,
    td {
        padding: 5px font-size: 14px
    }
    .header tr:nth-child(1) td {
        background-color: #00BFA5;
        height: 80px
    }
    .header tr:nth-child(2) td {
        background-color: #00BFA5;
        height: 20px
    }
</style>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:100%">
    <tbody class="header">
    <tr>
        <td colspan="2" style="width:482px"></td>
        <td style="width:210px"></td>
        <td style="width:58px"></td>
    </tr>
    <tr>
        <td colspan="2" style="width:482px"></td>
        <td colspan="1" rowspan="2" style="background-color:#ffffff; overflow:visible; width:210px"><img alt="" src="{{ templatesettings.logoLocation }}" /></td>
        <td style="width:58px"></td>
    </tr>
    <tr>
        <td rowspan="2" style="width:30px"></td>
        <td rowspan="2" style="width:441px"><span style="font-size:32px"><strong>ESTIMATE</strong> </span><br />
            <span style="font-size:24px">#{{ quotation.number }}</span></td>
        <td style="width:58px"></td>
    </tr>
    <tr>
        <td style="width:210px"></td>
        <td style="width:58px"></td>
    </tr>
    </tbody>
</table>

<div style="margin:0px 30px 0 30px;">
    <table border="0" cellpadding="1" cellspacing="1" style="width:564px">
        <tbody>
        <tr>
            <td style="width:129px"><strong>Estimate date:</strong><br />
                {{ quotation.date|dateformat }}</td>
            <td style="width:306px"><strong>Estimate Name:</strong><br />
                {{ quotation.name }}</td>
            <td style="width:120px"></td>
        </tr>
        </tbody>
    </table>
</div>

<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;
    }
    hr {
        height: 1px;
        background-color: #dddddd;
        border: none;
    }
    .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-style: solid;
        border-bottom-width: 2px;
        border-bottom-color: #dddddd;
    }
    .data-table td.subline {
        color: #555555;
        font-style: italic;
    }
</style>

<div style="margin: 0px 24px; 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">&nbsp; &nbsp;</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">&nbsp; &nbsp;</td>
            <td style="padding:0px 8px; width:200px; vertical-align: top;">{{ quotation.animal.name }}&nbsp;</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">&nbsp; &nbsp;</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">&nbsp; &nbsp;</td>
            <td style="padding:0px 8px; width:200px">{{ quotation.animal.dateOfBirth|dateformat }}&nbsp;</td>
            <td style="padding:0px 8px; width:224px">{{ quotation.animal.sex|sexformat }}</td>
        </tr>
        </tbody>
    </table>
</div>
<div style="margin: 0px 30px; padding-top: 0px; width: 100%;">
    {% 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="">
            <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"><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 }} &rarr; {{ 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;"><span>{{ line.total(true)|moneyformat }} &rarr; {{ 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 %} &rarr; {{ 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 %} &rarr; {{ 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 %} &rarr; {{ 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 &amp; 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"/>&nbsp; &nbsp; &nbsp; I understand that a deposit for the low end of the estimate
    is required
    for hospitalized patients.&nbsp;<br/>
    <br/>
    In the instance that {{ animal.name }}&#39;s condition requires life-saving emergency medical, including CPR,
    I
    authorize {{ business.name }} to administer CPR and supportive care.<br/>
    <br/>
    <input type="checkbox"/>&nbsp; &nbsp; Yes&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp;&nbsp;<input
        type="checkbox"/>&nbsp; &nbsp; No<br/>
    *During the first 15 minutes of CPR, costs can reach $300 - $500&nbsp;<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 }}&#39;s health, including CPR if elected above, additional
    procedures,
    medications, and medical attention.&nbsp;<br/>
    <br/>
    Best emergency phone number to reach you at:&nbsp;<input maxlength="15" size="40" type="text"
                                                             style="border-radius: 5px;"/><br/>
    <br/>
    As part of our ongoing commitment to your pet&#39;s health, we encourage you to call if you have any
    questions.&nbsp;
    Please call the hospital at {{ business.businessphone }}.&nbsp;<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>

<style type="text/css">hr {
        height: 2px;
        border-width: 0;
        color: #fff;
        background-color: #fff;
    }
    .footerAddressContainer tr td {
        padding-right: 35px;
        font-size: 14px;
    }
</style>
<table align="center" border="0" cellpadding="1" cellspacing="1" style="background-color:#00bfa5; color:#ffffff; width:100%; margin-top:12px;">
    <tbody>
    <tr>
        <td style="width:30px"></td>
        <td style="color:#ffffff; width:180px"><span style="font-size:22px"><strong>THANK YOU </strong></span></td>
        <td style="width:524px">
            <hr /></td>
        <td style="width:30px"></td>
    </tr>
    </tbody>
</table>

<table align="center" border="0" cellpadding="2" cellspacing="2" style="background-color:#00bfa5; width:100%">
    <tbody class="footerAddressContainer">
    <tr>
        <td style="width:30px"></td>
        <td style="color:#ffffff">Address:<br />
            <strong>{{ business.postalAddress.addressText(false, true) }}</strong></td>
        <td style="color:#ffffff">Phone:<br />
            <strong>{{ business.phoneNumber }}</strong></td>
        <td style="color:#ffffff">Email:<br />
            {{ business.businessEmail }}</td>
        <td style="width:30px"></td>
    </tr>
    <tr>
        <td style="height:10px">&nbsp;&nbsp;</td>
    </tr>
    </tbody>
</table>