<style type="text/css">
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
border: none;
}
</style>
<div style="padding-top:30px;">
<div class="container-fluid">
<h1>
Thank you for submitting a quote!
</h1>
<h2>Your quote number is {{quote.quote_number}} </h2>
<p><strong>{{ language.remarks_text }}</strong><br />{{ quote.remarks }}</p>
<div class="row">
<div class="col-md-12">
<table class="table table-bordered table-responsive" style="width:100%;">
<tr>
<th style="width:50px"></th>
<th>{{ language.product_text }}</th>
<th style="text-align:right">{{ language.quantity_text }}</th>
<th style="text-align:right">{{ language.price_text }}</th>
<th style="text-align:right">{{ language.extended_text }}</th>
</tr>
{% for field in quote.custom_fields %}
<tr>
<td><strong>{{ field.name }}</strong></td>
<td>{{ field.value }}</td>
</tr>
{% endfor %}
{% for line_item in quote.line_items %}
<tr>
<td>
{% if line_item.image_url != "" %}
<img src="{{ line_item.image_url | img_url:'50x' }}" />
{% endif %}
</td>
<td>{{ line_item.title }}</td>
<td style="text-align:right">{{ line_item.quantity }}</td>
<td style="text-align:right">{{ line_item.price | currency }}</td>
<td style="text-align:right">
{{ line_item.subtotal | currency }}
{% if line_item.discount != nil %}
<div>
-{{ line_item.discount.amount | currency }}
<div>
{{ line_item.discount.reason }}
</div>
</div>
{% endif %}
</td>
</tr>
{% endfor %}
<tr>
<td colspan="5" style="text-align:right; padding-top:10px;">
<span id="quote-subtotal" style="font-size:24px; line-height:24px;">
{{ language.subtotal_text }}<br />{{ quote.subtotal | currency }}
</span>
</td>
</tr>
</table>
{% if includeViewQuoteLink == true %}
<p><a href='{{quote_link}}' class='btn-primary'>{{language.view_quote_text}}</a></p>
{% endif %}
</div>
</div>
</div>
</div>