@php
    $display = 'block';
    if($inspectionType == 'first_piece')
    {
        $display = 'none';
    }
@endphp
<tr data-product-size-index="0" class="jsProductSizeTr">
    <td colspan="4" class="bg-gray-100 border-0 text-[14px]">
        <table class="w-full text-[14px] border-separate border-spacing-y-2">
            <tr class="bg-transparent rounded-[15px] text-[14px] overflow-hidden transition duration-300 ease-in-out scale-[0.99] hover:scale-[1]">
                <td colspan="6" class="bg-gray-100 border-0 text-[14px] rounded-s-[15px]">
                    <table class="w-full border-separate border-spacing-y-2 jsTable2">
                        <thead>
                            <tr class="bg-transparent rounded-[15px] text-[14px] overflow-hidden transition duration-300 ease-in-out scale-[0.99]">
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px] rounded-s-[15px]"></td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('Description') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('Specification') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('TOL') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('Instru. Used') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('Obs. 1') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('Obs. 2') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('Obs. 3') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('Obs. 4') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('Obs. 5') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px] jsLotQty" style="display:{{ $display }}">{{ __('Lot Qty') }}</td>
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">{{ __('Remark') }}</td>
                            </tr>
                        </thead>
                        <tbody>
                            @php 
                                $index = 0;
                            @endphp
                            @forelse($inspParameter as $ipkey => $ipValue)
                                <tr class="bg-transparent rounded-[15px] text-[14px] overflow-hidden transition duration-300 ease-in-out scale-[0.99] hover:scale-[1]" data-product-row-index="{{ $index }}">
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px] rounded-s-[15px]">
                                        <a type="button" href="javascript:void(0);" class="grid items-center py-[5px] px-[5px] w-[30px] h-[30px] bg-red-600 hover:bg-red-500 text-white rounded-[30px] text-[14px] text-center jsRemove2"><i class="fas fa-close text-sm"></i></a>
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][description]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="{{ $ipValue->parameter_name }}">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][specification]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][tol]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][instru_used]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][obs_1]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][obs_2]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][obs_3]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][obs_4]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][obs_5]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px] jsLotQty" style="display:{{ $display }}">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][lot_qty]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                    <td class="bg-[#fff] border-0 px-3 py-2 text-[14px]">
                                        <input type="text" name="product[{{ $productIndex }}][parameter][{{ $index }}][remark]" class="block bg-[#fff] w-full px-3 py-1 border-[#dadada] dark:border-gray-700 rounded-[21px] px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:bg-gray-700 dark:text-gray-300 dark:focus:ring-indigo-500 text-[14px]" value="">
                                    </td>
                                </tr>
                                @php 
                                    $index++;
                                @endphp
                            @empty
                                <tr>
                                    <td>No Data Found</td>
                                </tr>
                            @endforelse
                        </tbody>
                        <tfoot>
                            <tr class="bg-transparent rounded-[15px] text-[14px] overflow-hidden transition duration-300 ease-in-out scale-[0.99] hover:scale-[1]">
                                <td class="bg-[#fff] border-0 px-3 py-2 text-[14px] rounded-s-[15px] rounded-e-[15px]">
                                    <a type="button" href="javascript:void(0);" class="grid items-center py-[5px] px-[5px] w-[30px] h-[30px] bg-blue-600 hover:bg-blue-500 text-white rounded-[30px] text-[14px] text-center jsCopyRow">
                                        <i class="fas fa-plus text-sm"></i>
                                    </a>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </td>
            </tr>
        </table>
    </td>
</tr>