<div class="table-responsive">
	<table id="example" class="table table-bordered align-middle" style="width:100%">
	    <thead class="table-light">
		    <tr>
                <th>Product Name</th>
                <th>Price</th>
				<th class="thbutton">Action</th>
		    </tr>
	    </thead>
	    <tbody>
	    	@php $i=1;@endphp
            @if(count($test_package_products)>0)
		    	@foreach ($test_package_products as $key => $product)
				    <tr id="row{{$product->id}}">
				        <td>{{ $product->name }}</td>
                        <td>{{ $product->sale_price }}</td>
						<td class="text-center">
							<a data-url="{!! route('product-test-packages.destroy') !!}" data-id="{!! $product->id !!}" class="btn btn-danger deleteDataUnlinkCustom" data-bs-toggle="tooltip" data-bs-placement="left" title="Delete">
                                <i class="bi bi-trash text-white"></i>
                            </a>
						</td>
				    </tr>
			    @endforeach
			@else
                <tr>
                    <td colspan="10">No Data Found</td>
                </tr>
            @endif
	    </tbody>
	</table>
</div>
<div class="col-md-12 text-center">
<button class="btn btn-success button-large createProductLink" data-id="{!! $id??'' !!}" title="Edit"><i class="bi bi-plus-circle"></i> Link Product & Services </button>
</div>