<h5>Item Details</h5>
<div class="content-detail-container">
    <div class="row max-width-initial">
        <div class="large-4 columns">
            <div class="page-detail">Item: <span>{{ canvassItem.materialrequisitionitem.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 response" id="canvassItemSupplier-datalist" width="100%">
    <thead>
    <tr>
        <th>&nbsp;</th>
        <th>Supplier</th>
        <th>Mobile No.</th>
        <th>Phone No.</th>
        <th>Email</th>
        {#<th>Currency</th>#}
        <th>Payment Mode</th>
        <th>Term</th>
        {#<th>W/Tax Rate</th>#}
        <th class="text-right">Price</th>
        <th class="text-right">Quantity</th>
        {#<th>Down Payment</th>#}
        <th>Notes</th>
    </tr>
    </thead>
    <tbody>
    {% for key,canvassItemSupplier in canvassItem.canvassitemsuppliers %}
        {% set supplier = canvassItemSupplier.supplier %}
        <tr>
            <td><input type="checkbox" disabled {{ canvassItemSupplier.isselected ? 'checked' : '' }} /></td>
            <td>{{ supplier.description }}</td>
            <td>{{ supplier.mobileNo }}</td>
            <td>{{ supplier.phoneNo }}</td>
            <td>{{ supplier.email }}</td>
            {#<td>{{ canvassItemSupplier.currency.code|default('') }}</td>#}
            <td>{{ canvassItemSupplier.paymentMode }}</td>
            <td>{{ canvassItemSupplier.term }}</td>
            {#<td>{{ canvassItemSupplier.withholdingTaxRate.descriptionAndRate|default('') }}</td>#}
            <td class="text-right">{{ canvassItemSupplier.price }}</td>
            <td class="text-right">{{ canvassItemSupplier.quantity }}</td>
            {#<td>{{ canvassItemSupplier.downpayment }}</td>#}
            <td>{{ canvassItemSupplier.note }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>