<h5>Add Supplier for Item: {{ item.description }}</h5>
<div class="content-detail-container">
    <div class="row max-width-initial">
        <div class="large-4 columns">
            <div class="page-detail">Item: <span>{{ item.description }}</span></div>
            <div class="page-detail">Required Qty.: <span>{{ canvassItem.quantity|number_format(0, '.', ',') }}</span></div>
            <div class="page-detail">Voided Qty.: <span>{{ canvassItem.quantityvoided|number_format(0, '.', ',') }}</span></div>
        </div>
        <div class="large-4 columns end">
            <div class="page-detail">Canvassed Qty.: <span>{{ canvassItem.quantitycanvassed|number_format(0, '.', ',') }}</span></div>
            <div class="page-detail">Qty. for Canvassing: <span>{{ canvassItem.quantityforcanvassing|number_format(0, '.', ',') }}</span></div>
        </div>
    </div>
</div>
<table class="display responsive" id="addSupplierForm-datalist" width="100%">
    <thead>
    <tr>
        <th>Supplier Name</th>
        <th>Mobile No.</th>
        <th>Phone No.</th>
        <th>Email</th>
        <th>Last Canvassed Date/Price</th>
        {#<th>Currency</th>#}
        <th>Payment Mode</th>
        <th>Term (Days)</th>
        {#<th>W/Tax Rate</th>#}
        <th>Price</th>
        {#<th>Quantity</th>#}
        {#<th>Notes</th>#}
        <th>Action</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>
<input type="hidden" id="addSupplierForm-item-id" value="{{ item.id }}" />
<input type="hidden" id="addSupplierForm-canvassItem-id" value="{{ canvassItem.id }}" />
<br/>
<p class="form-hint-text">Supplier History</p>
<table class="display responsive" id="addSupplierForm-history-datalist" width="100%">
    <thead>
    <tr>
        <th>Supplier Name</th>
        <th>Mobile No.</th>
        <th>Phone No.</th>
        <th>Email</th>
        <th>Canvassed Date</th>
        <th class="text-right">Price</th>
    </tr>
    </thead>
    <tbody>
    {% for sh in supplierHistories %}
    <tr>
        <td>{{ sh.supplierDesc }}</td>
        <td>{{ sh.supplierMobileNo }}</td>
        <td>{{ sh.supplierPhoneNo }}</td>
        <td>{{ sh.supplierEmail }}</td>
        <td>{{ sh.canvassDate }}</td>
        <td class="text-right">{{ sh.price|number_format(2, '.', ',') }}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>