{% verbatim %}
<script id="tpl-drawer-purchase-order" type="text/template">
<div class="hb-doc-card hb-doc-card-summary">
<div class="hb-doc-card-label">Total Amount</div>
<div class="hb-doc-card-value hb-doc-card-value-positive">{{amount}}</div>
</div>
<div class="hb-doc-card hb-doc-card-table">
<div class="hb-doc-card-header">
<span class="hb-doc-card-title">Line Items</span>
<span class="hb-doc-card-meta">{{lineCountLabel}}</span>
</div>
<div class="hb-doc-table-wrap">
<table class="hb-doc-table">
<thead>
<tr>
<th>Item</th>
<th class="text-right">Qty</th>
<th class="text-right">Unit Price</th>
<th class="text-right">Total</th>
</tr>
</thead>
<tbody>{{linesHtml}}</tbody>
</table>
</div>
</div>
</script>
<script id="tpl-drawer-purchase-order-row" type="text/template">
<tr>
<td>{{itemName}}</td>
<td class="text-right">{{quantity}}</td>
<td class="text-right">{{unitPrice}}</td>
<td class="text-right">{{total}}</td>
</tr>
</script>
{% endverbatim %}