{% if lot_number_list %}
<div class="tables table-responsive" id="lot_number_list">
  <table class="table table-striped table-hover">
    <thead>
      <tr>
        <th class="text-center">SL No</th>
        <th>Style Number</th>
        <th>PO</th>
        <th>Lot Number</th>
        <th>Shipment Date</th>        
        <th>Quantity</th>
        <th>Value</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      {% for lot_number in lot_number_list %}
      <tr>
        <td class="text-center">{{forloop.counter}}</td>
        <td>{{ lot_number.purchase_number.style.style_number }}</td>
        <td>{{ lot_number.purchase_number }}</td>
        <td>{{ lot_number.lot_number }}</td>
        <td>{{ lot_number.shipment_date }}</td>
        <td>{{ lot_number.quantity }}</td>
        <td>{{ lot_number.value }}</td>
        <td>
          <ul class="action">
            <li>
              <a
                href="{% url 'merchant-purchase-order-details' lot_number.purchase_number.id %}"
              >
                <i class="fa fa-eye" aria-hidden="true"></i>
              </a>
            </li>
            <li>
              <a
                type="button"
                href="{% url 'merchant-purchase-order-update' lot_number.purchase_number.id lot_number.id%}"
              >
                <i class="fa fa-pencil" aria-hidden="true"></i>
              </a>
            </li>
            <li>
              <a onclick="SweetDelete(event,this.href)" href="#">
                <i class="fa fa-trash" aria-hidden="true"></i>
              </a>
            </li>
          </ul>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{% else %}
<div class="tables table-responsive" id="lot_number_list">
  <table class="table table-striped table-hover">
    <thead>
      <tr>
        <th class="text-center">SL No</th>
        <th>Style Number</th>
        <th>PO</th>
        <th>Shipment Date</th>
        <th>Quentity</th>
        <th>Value</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="text-center" colspan="12">No Data Found</td>
      </tr>
    </tbody>
  </table>
</div>
{% endif %}