@foreach ($saledetails as $row => $details)
    @php
        $qty = $details->qty - $details->return_qty;
    @endphp

    <tr id="add_row{{ $row }}">
        <td class="sl">{{ $row + 1 }}</td>
        <td>{{ $details->product_code }}</td> <!-- Access product name here -->
        <td>
            <a class="product_info" data-id="{{ $row }}" type="button">{{ $details->product_name }}</button>
        </td> <!-- Access product name here -->
        <td style="width:3%;">
            <button class="add_note_button" data-id="{{ $row }}"><i class="bi bi-plus"></i></button>
            <button class="remove_note" style="display:none"><i class="bi bi-x"></i></button>
        </td>
        @if ($details->imei_suport)
            <td id="qtydata-{{ $row }}" style="padding:0px;" class="text-end">
                {{ $qty }}
            </td>
        @else
            <td style="padding:0px;">
                <input type="number" class="form-control text-end qty" name="qty[]" data-row="{{ $row }}"
                    value="{{ $qty }}" step="any">
            </td>
        @endif
        <td>
            {{ $details->unit_name }}
        </td>
        <td style="padding:0px;">
            @if ($details->imei_suport)
                <input type="hidden" class="form-control text-end qty" name="qty[]" id="qty-{{ $row }}"
                    data-row="{{ $row }}" value="{{ $qty }}" step="any">
            @endif
            <input type="hidden" name="product_id[]" value="{{ $details->product_id }}">
            <input type="hidden" class="amount" name="details_amount[]" value="{{ $details->amount }}">
            <input type="number" class="form-control text-end unit_price" name="unit_price[]"
                value="{{ $details->unit_price }}" step="any">
        </td> <!-- Access unit price here -->
        <td class="text-end amount">
            {{ numberformat($details->amount) }}
        </td>
        <td class="text-end discount_percent"></td>
        <td class="text-end discount_amount">
            {{ numberformat($details->discount_amount) }}
        </td>
        <td class="text-end vat_percent">
            {{ numberformat($details->vat_percent) }}
        </td>
        <td class="text-end vat_amount">
            {{ numberformat($details->vat_amount) }}
        </td>
        <td class="text-end nettotal">
            {{ numberformat($details->nettotal) }}
        </td>
        <td>
            <input type="hidden" class="form-control discount" name="discount[]" value="{{ $details->discount }}"
                step="any">
            <input type="hidden" class="form-control discount_percent" name="discount_percent[]"
                value="{{ $details->discount_percent }}" step="any">
            <input type="hidden" class="form-control discount_amount" name="discount_amount[]"
                value="{{ $details->discount_amount }}" step="any">
            <input type="hidden" class="form-control vat_percent" name="vat_percent[]"
                value="{{ $details->vat_percent }}" step="any">
            <input type="hidden" class="form-control vat_amount" name="vat_amount[]"
                value="{{ $details->vat_amount }}" step="any">
            <input type="hidden" class="form-control nettotal" name="details_nettotal[]"
                value="{{ $details->nettotal }}">
            <button class="remove" data-id="{{ $row }}"><i class="bi bi-trash3"></i></button>
        </td>
    </tr>

    <tr class="add_note_tr" id="add_note_tr{{ $row }}" style="display:none;">
        <td>Product Note:</td>
        <td colspan="14" style="padding:0px;">
            <input type="text" class="form-control" name="product_note[]" placeholder="add product note"
                value="{{ $details->product_note }}">
        </td>
    </tr>

    <tr id="product_details{{ $row }}" style="display: none;">
        <td colspan="14">
            <ul style="list-style: none; padding: 0; margin: 0; display: flex; gap: 15px;">
                <li><button class="hide_details"><i class="bi bi-x"></i></button></li>
                @if ($details->product_sku)
                    <li>
                        <strong>SKU:</strong>{{ $details->product_sku }}
                    </li>
                @endif
                @if ($details->expire_in)
                    <li><strong>Expire In:</strong>{{ $details->expire_in }} </li>
                @endif
                @if ($details->expire_date)
                    <li><strong>Expire Date:</strong>{{ $details->expire_date }} </li>
                @endif
                @if ($details->category_name)
                    <li><strong>Category:</strong>{{ $details->category_name }} </li>
                @endif
                @if ($details->subcat_name)
                    <li><strong>Sub-Category:</strong>{{ $details->subcat_name }} </li>
                @endif
                @if ($details->brand_name)
                    <li><strong>Brand:</strong>{{ $details->brand_name }} </li>
                @endif
                <li><strong>Available Qty:</strong>{{ numberformat($item['total_stock']) }}</li>
            </ul>
        </td>
    </tr>

    <tr id="emi{{ $row }}">
        <td colspan="14">
            @if ($details->spasification_details->count() > 0)
                @foreach ($details->spasification_details as $i => $spasification_details)
                    <div class="form-group mb-1 d-flex align-items-center imei_support">
                        <label for="changeAmount" class="mb-1 me-2" style="width: 30%;">
                            <strong>({{ intToRoman($i + 1) }}).</strong>IME Number</label>
                        <input type="text" class="form-control mr-2" placeholder="IME Number"
                            name="emi_number[{{ $row }}][{{ $i }}]" style="width: 80%;"
                            value="{{ $spasification_details->emi_number }}">
                        <label for="changeAmount" class="mb-1 me-2" style="width: 30%;">Serial Number</label>
                        <input type="text" class="form-control" placeholder="Serial Number"
                            name="serial_number[{{ $row }}][{{ $i }}]" style="width: 80%;"
                            value="{{ $spasification_details->serial_number }}">
                        <button class="btn btn-sm btn-iemi" data-row="{{ $row }}"><i
                                class="bi bi-x"></i></button>
                    </div>
                @endforeach
            @endif
        </td>
    </tr>
@endforeach