@foreach($quotation_data as $q_data)
    
    <tr class="m-tab main" id="RemoveRows{{ $i }}">
        <td>
            <select name="category[]" id="category_id{{ $i }}" onchange="getSubItems('category_id{{ $i }}')" class="form-control select2 requiredField">
                <option value="">Select</option>
                @foreach(CommonHelper::get_all_category() as $category)
                    <option @if(($q_data->main_ic_id ?? 0) == $category->id) selected @endif value="{{ $category->id }}">{{ $category->main_ic }}</option>
                @endforeach
            </select>
        </td>
        <td>
            <div style="display:flex; align-items:flex-start; gap:4px;">
                <select onchange="setItemDetails('{{ $i }}', true)" class="form-control select2 item_id itemsclass requiredField" name="item_id[]" id="item_id{{ $i }}" data-selected-uom-id="{{ $q_data->uom_id ?? '' }}" style="flex:1;">
                    <option value="">Select</option>
                    @if(!empty($q_data->item_id))
                        <option selected
                            value="{{ $q_data->item_id }}"
                            data-uom-id="{{ $q_data->uom_id ?? '' }}"
                            data-uom="{{ $q_data->uom_name }}"
                            data-pack-size="{{ trim(($q_data->pack_size ?? '') . ' ' . ($q_data->type ?? '')) }}"
                            data-color="{{ $q_data->color }}">
                            {{ $q_data->item_code . ' -- ' . $q_data->sub_ic }}
                        </option>
                    @endif
                </select>
                <button type="button" class="btn btn-xs btn-info btn-add-manual-item" data-row-index="{{ $i }}" title="Add item manually" style="margin-top:2px; white-space:nowrap;">
                    <i class="fa fa-plus"></i>
                </button>
            </div>
        </td>

        <input style="display: none" class="form-control" type="text" name="item_code[]" id="item_code" value="{{$q_data->item_code}}">
        <input style="display: none" class="form-control" type="text" name="thickness[]" id="">
        <input style="display: none" class="form-control"  type="text" name="diameter[]" id="">
        <td class="hidden-column">
            <input readonly type="text" name="pack_size[]" id="pack_size{{ $i }}" class="form-control" value="{{ trim(($q_data->pack_size ?? '') . ' ' . ($q_data->type ?? '')) }}" />
        </td>
        <td class="hidden-column">
            <input readonly type="text" name="color[]" id="color{{ $i }}" value="{{ $q_data->color }}" class="form-control" />
        </td>
        <td>
            <input readonly type="text" name="item_uom_name[]" id="item_uom{{ $i }}" value="{{ $q_data->uom_name }}" class="form-control" />
        </td>
        <td>
            <input class="form-control requiredField" type="text" name="display_qty[]" id="display_qty" value="{{ $q_data->display_qty ?? $q_data->qty }}">
        </td>
        <td>
            <select name="uom_id[]" id="uom_id{{ $i }}" class="form-control select2 requiredField">
                <option value="">Select UOM</option>
                @foreach(CommonHelper::get_all_uom() as $uom)
                    <option @if(($q_data->uom_id ?? '') == $uom->id) selected @endif value="{{ $uom->id }}">{{ $uom->uom_name }}</option>
                @endforeach
            </select>
        </td>
        <td>
            <div class="qty-wrap">
                <input class="form-control qty-input" onkeyup="calculation_amount()" type="text" name="qty[]" id="qty" value="{{$q_data->qty}}">
            </div>
        </td>
        <td>
            <input class="form-control" onkeyup="calculation_amount()" type="text" name="rate[]" id="rate" value="{{$q_data->unit_price}}">
        </td>
        <td>
            <input readonly class="form-control" type="text" name="total[]" id="total" value="{{$q_data->total_amount}}">
        </td>
        @if($i == 1)
            <td class="text-center">
                <a href="#" onclick="AddMoreDetails()" class="btn btn-primary">
                    <i class="fa fa-plus-circle" aria-hidden="true"></i>
                </a>
            </td>
        @else
            <td class="text-center">
                <a href="#" class="btn btn-sm btn-danger" onclick="RemoveSection('{{ $i }}')">
                    <i class="fa fa-minus-circle" aria-hidden="true"></i>
                </a>
            </td>
            
        @endif
        
    </tr>
    
    <script>
    $(document).ready(function(){
        $('#category_id{{ $i }}').select2();
        $('#item_id{{ $i }}').select2();
        $('#uom_id{{ $i }}').select2();
        setItemDetails('{{ $i }}');

        calculation_amount();

        });
    </script>
    @php
    $i++;   
    @endphp
@endforeach
<input type="hidden" name="customer_id" value="{{$saleQuot->customer_id}}" id="customer_id">
<input type="hidden" name="sales_tax_group" value="{{$saleQuot->sale_tax_group}}" id="sales_tax_group">
<input type="hidden" name="sales_tax_rate" value="{{$saleQuot->sales_tax_rate}}" id="sales_tax_rate">
<input type="hidden" name="further_tax_group1" value="{{$saleQuot->further_tax_group}}" id="further_tax_group1">
<input type="hidden" name="further_tax1" value="{{$saleQuot->further_tax}}" id="further_tax1">
<input type="hidden" name="advance_tax_group1" value="{{$saleQuot->advance_tax_group}}" id="advance_tax_group1">
<input type="hidden" name="advance_tax1" value="{{$saleQuot->advance_tax}}" id="advance_tax1">
<input type="hidden" name="cartage_amount1" value="{{$saleQuot->cartage_amount}}" id="cartage_amount1">
<input type="hidden" name="customer_type" value="{{$saleQuot->customer_type}}" id="customer_type">
<input type="hidden" name="prospect_id" value="{{$saleQuot->prospect_id}}" id="prospect_id">
<input type="hidden" name="currency" value="{{$saleQuot->currency_id}}" id="currency">