{% load humanize %}
<div class="row">
    <div class="col-4">
        <span class="font-weight-bolder">Item:</span>
    </div>
    <div class="col-8">
        <span id="{{ item_data_id }}">{{ receiver_info.item.name }}</span>
    </div>
</div>
<div class="row">
    <div class="col-4">
        <span class="font-weight-bolder">CustItemCode:</span>
    </div>
    <div class="col-8">
        {{ receiver_info.cust_item_code }}
    </div>
</div>
<div class="row">
    <div class="col-4">
        <span class="font-weight-bolder">Lot:</span>
    </div>
    <div class="col-8">
        {{ receiver_info.lot }}
    </div>
</div>
<div class="row">
    <div class="col-4">
        <span class="font-weight-bolder">Class:</span>
    </div>
    <div class="col-8">
        {{ receiver_info.inv_class_id }}
    </div>
</div>
<div class="row">
    <div class="col-4">
        <span class="font-weight-bolder">Group:</span>
    </div>
    <div class="col-8">
        {{ receiver_info.group_id }}
    </div>
</div>
<div class="row">
    <div class="col-4">
        <span class="font-weight-bolder">Qty Before Transfer:</span>
    </div>
    <div class="col-8">
        <span id="{{ qty_data_id }}">{{ receiver_info.qty_on_hand | floatformat:'0' | intcomma }}</span>
    </div>
</div>