<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>
                &nbsp;
                <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>

<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: #00BFA5;
        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;
    }

    th {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #dddddd;
        text-align: left;
    }

    .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>
<hr/>
<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"
           style="font-size:12px;width:100%;margin-right:30px; border-bottom: #dddddd solid 1px;">
        <thead>
        <tr>
            <th width="34%"><span><strong>Description</strong> </span></th>
            <th style="text-align:center;"><span><strong>Qty</strong></span></th>
            {% if not financialsettings.hideInvoicePrices %}
                <th><span><strong>Standard Price</strong></span></th>
                <th><span><strong>Disc %</strong></span></th>
                <th><span><strong>Price</strong></span></th>
            {% endif %}
            <th width="18%" style="text-align: right"><span><strong>Total</strong></span></th>
        </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>
<div style="margin: 0px 30px; width: 100%;">
    <div style="width:300px; margin-right:30px; float: right; page-break-inside:avoid !important;">
        <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 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 {{ correctVariableName }} 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="margin:4px 40px 0px; padding: 0px 40px 50px 20px;">
    <h1>
        <span style="color:#00bfa5;">
            <strong>THANK YOU</strong>
        </span>
    </h1>
    <div style="border-top: 5px solid rgb(0, 191, 165);"><br/>
        {{ business.postalAddress.addressText(false, true) }}&nbsp;&bull;
        {{ business.phoneNumber }}&nbsp;&bull;
        {{ business.businessEmail }}</div>
</div>