PyRIGS/RIGS/templates/item_table.html

<div class="card table-responsive">
	<table class="table table-hover" id="item-table" {% if edit %}data-orderurl="{#% url 'item_order' %#}"{% endif %}>
		<thead>
			<tr>
				<td>Item</td>
                {% if perms.RIGS.view_event %}
				<td>Price</td>
                {% endif %}
				<td>Quantity</td>
                {% if perms.RIGS.view_event %}
				<td>Sub-total</td>
                {% endif %}
				{% if edit %}
				<td class="text-right">
					<button type="button" class="btn btn-default btn-xs item-add"
						data-toggle="modal"
						data-target="#itemModal">
						<span class="fas fa-plus"></span>
					</button>
				</td>
				{% endif %}
			</tr>
		</thead>
		<tbody id="item-table-body">
			{% for item in object.items.all %}
				{% include 'item_row.html' %}
			{% endfor %}
		</tbody>
        {% if perms.RIGS.view_event %}
		<tbart>
			<tr>
				<td rowspan="3" colspan="2"></td>
				<td>Total (ex. VAT)</td>
				<td colspan="2">£ <span id="sumtotal">{{object.sum_total|default:0|floatformat:2}}</span></td>
			</tr>
			<tr>
				{% if not object.pk %}
					<td id="vat-rate" data-rate="{{currentVAT.rate}}">VAT @
						{{currentVAT.as_percent|floatformat}}% (TBC)</td>
				{% else %}
					<td id="vat-rate" data-rate="{{object.vat_rate.rate}}">VAT @
						{{object.vat_rate.as_percent|floatformat|default:"TBD"}}%</td>
				{% endif %}
				<td colspan="2">£ <span id="vat">{{object.vat|default:0|floatformat:2}}</span></td>
			</tr>
			<tr>
				<td>Total</td>
				<td colspan="2">£ <span id="total">{{object.total|default:0|floatformat:2}}</span></td>
			</tr>
		</tbart>
        {% endif %}
	</table>
</div>
<table class="hidden invisible">
    <tr id="new-item-row" class="item_row">
        <td>
            <span class="name"></span>
                <div class="item-description">
                    <em class="description"></em>
                </div>
        </td>
        <td>£&nbsp;<span class="cost"></span></td>
        <td class="quantity"></td>
        <td>£&nbsp;<span class="sub-total"></span></td>
        {% if edit %}
        <td class="vert-align text-right">
            <button type="button" class="item-edit btn btn-xs btn-default"
                    data-toggle="modal" data-target="#itemModal">
                <span class="fas fa-edit"></span>
            </button>
            <button type="button" class="item-delete btn btn-xs btn-danger">
                <span class="fas fa-remove"></span>
            </button>
        </td>
        {% endif %}
    </tr>
</table>