<div style="margin: 10px 30px; padding-top: 50px">
    <div class="header">
        <table style="margin-bottom:0rem; width:100%">
            <tbody>
            <tr>
                <td style="width:60%">
                    <table style="width:339px">
                        <tbody>
                        <tr>
                            <td style="background-color:#00bfa5; font-size:1.7rem; font-weight:bold; padding:2rem; text-align:center; width:265px">ESTIMATE</td>
                        </tr>
                        </tbody>
                    </table>

                    <table style="margin-top:1rem; width:100%">
                        <tbody>
                        <tr>
                            <td style="padding:0px 8px; width:172px"><strong>Estimate date:</strong></td>
                            <td style="padding:0px 8px; width:215px"><strong>Estimate number:</strong></td>
                            <td style="padding:0px 8px"></td>
                        </tr>
                        <tr>
                            <td style="padding:0px 8px; width:172px">{{ quotation.date|dateformat }}</td>
                            <td style="padding:0px 8px; width:215px">#{{ quotation.number }}</td>
                            <td style="padding:0px 8px"></td>
                        </tr>
                        </tbody>
                    </table>
                </td>
                <td style="text-align:right; width:30%"><img alt="43" src="{{ templatesettings.logoLocation }}" style="width:30%" /></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

<style type="text/css">body {
        font-family: sans-serif;
        font-size: 12px;
    }

    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:nth-child(even) {
        background-color: #eeeeee;
    }

    .data-table td.subline {
        color: #555555;
        font-style: italic;
    }
</style>

<div style="margin: 10px 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">&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>
    <span><strong>Estimate Name:</strong>&nbsp;{{ quotation.name }}<br/>
    {% 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>
            <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 }} &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; padding-right: 8px;"><span>{{ line.total(true)|moneyformat }} &rarr; {{ line.highTotal(true)|moneyformat }} </span></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <div class="clear"></div>

    <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>

<div style="padding-bottom: 50px; background-color: #F5F5F5;">
    <div style="text-align: center;"><br/>
        <br/>
        <strong>Thank you for choosing
            {{ business.name }}</strong><br/>
        <br/>
        {{ business.postalAddress.addressText(false, true) }}&nbsp;&bull;
        {{ business.phoneNumber }}&nbsp;&bull;
        {{ business.businessEmail }}</div>
</div>