{{-- @foreach ($products as $i=> $item)
    <tr id="tr{{ $i }}">
        <td id="sl_{{ $i }}" scope="row" class="text-center cl-fixed-cell " data-bs-toggle="tooltip" data-bs-placement="top"> {{ $i+1 }} </td>
        <td class="cl-fixed-cell ">
            <div class="d-flex">
                <select onchange="addProduct({{ $i }})" NsModelBind="invoice.transactions[{{ $i }}].product_id" name="product_id" id="product_id{{ $i }}" class="product_live form-select cl-form-select w-100">
                    <option value="{{ $item->id }}">{{ $item->name_eng }}</option>    
                </select>
                <button type="button" class="badge badge-success" style="border: none !important; display: none !important;" onclick="viewSerializedModal({{ $i }})" id="add_sl_btn_{{ $i }}"> <i class="icofont-plus"></i> </button>
            </div>
        </td>
        <td class="text-center "> <label id="unit_name{{ $i }}"> </label> </td> <td class="text-center " style="display: none !important;"> <a id="img{{ $i }}" style="font-size: 20px" onclick="viewImg({{ $i }})"> <i class="bi bi-image-alt text-primary"></i> </a> </td> <td class="text-center "> <input type="text" NsModelBind="invoice.transactions[{{ $i }}].description" name="description" id="description{{ $i }}" class="form-control cl-form-control" disabled> </td>
        <td class="text-center "> <input type="number" min="0" name="closing_stock" id="closing_stock{{ $i }}" class="form-control cl-form-control closing_stock" data-fraction="2" onkeyup="setOpeningQty({{ $i }}, this.value)" disabled> </td> <td class="text-center  "> <input type="text" NsModelBind="invoice.transactions[{{ $i }}].avail_qty" name="avail_qty" id="avail_qty{{ $i }}" class="form-control cl-form-control" disabled> </td><td class="text-center  "> <input type="number" min="0" NsModelBind="invoice.transactions[{{ $i }}].quantity" name="quantity" id="quantity{{ $i }}" class="form-control cl-form-control" data-fraction="2" onkeyup="calculateTotal({{ $i }})" disabled> </td>
        <td class="text-center  "> <input type="number" min="0" NsModelBind="invoice.transactions[{{ $i }}].price" name="price" id="price{{ $i }}" class="form-control cl-form-control" data-fraction="2" onkeyup="calculateTotal({{ $i }})" disabled> </td> <td class="text-center "> <input type="number" min="0" NsModelBind="invoice.transactions[{{ $i }}].sub_total" name="sub_total" id="sub_total{{ $i }}" class="form-control cl-form-control" data-fraction="2" disabled> </td>
        <td class="text-center "> <input type="number" min="0" NsModelBind="invoice.transactions[{{ $i }}].net_total" name="net_total" id="net_total{{ $i }}" class="form-control cl-form-control" data-fraction="2" disabled> </td> <td class="text-center "> <input type="number" min="0" NsModelBind="invoice.transactions[{{ $i }}].total" name="total" id="total{{ $i }}" class="form-control cl-form-control" data-fraction="2" disabled> </td>
        <td class="text-center"> <a id="reset_btn{{ $i }}" class="btn btn-hover text-warning" onclick="resetRow({{ $i }})"> <i class="bi bi-arrow-clockwise text-danger"></i> </a> </td>
    </tr>
@endforeach --}}