{% verbatim %}
<script id="tpl-drawer-journal-voucher" type="text/template">
<div class="hb-doc-metric-grid">
<div class="hb-doc-metric-card">
<div class="hb-doc-metric-label">Total Debit</div>
<div class="hb-doc-metric-value hb-doc-card-value-positive">{{totalDr}}</div>
</div>
<div class="hb-doc-metric-card">
<div class="hb-doc-metric-label">Total Credit</div>
<div class="hb-doc-metric-value hb-doc-card-value-negative">{{totalCr}}</div>
</div>
</div>
<div class="hb-doc-card hb-doc-card-table">
<div class="hb-doc-section-header">Voucher Lines</div>
<div class="hb-doc-table-wrap">
<table class="hb-doc-table">
<thead>
<tr>
<th>Head</th>
<th class="text-right">Debit</th>
<th class="text-right">Credit</th>
<th>Note</th>
</tr>
</thead>
<tbody>{{detailsHtml}}</tbody>
</table>
</div>
</div>
</script>
<script id="tpl-drawer-journal-voucher-row" type="text/template">
<tr>
<td>{{headName}}</td>
<td class="text-right hb-doc-card-value-positive">{{dr}}</td>
<td class="text-right hb-doc-card-value-negative">{{cr}}</td>
<td>{{note}}</td>
</tr>
</script>
{% endverbatim %}