@if(!empty($product))
	<tr>
		<td>{{$product->name}} ({{$product->sku}})</td>
		<input type="hidden" name="products[]" value="{{$product->id}}">
		<td><button type="button" class="btn btn-danger btn-xs remove_product" data-toggle="tooltip" 
            data-placement="top" title="Remove Product"><i class="fa fa-times" style="font-size:10px"></i></button></td>
	</tr>
@endif

@if(!empty($category))
<tr>
    <td colspan="2">
        <strong>Category: {{ $category->name }}</strong>
        <input type="hidden" name="categories[]" value="{{ $category->id }}">
        
    </td>
	<td><button type="button" class="btn btn-danger btn-xs remove_category" data-toggle="tooltip" 
            data-placement="top" title="Remove Category">
            <i class="fa fa-times" style="font-size:10px"></i>
        </button></td>
</tr>
<tr class="category-product-{{ $category->id }}">
    <td colspan="2">
        <div style=" max-height: 300px;overflow-y: auto;">
            <table class="table mb-0">
                @foreach($products as $product)
                    <tr>
                        <td class="pl-4">{{ $product->name }} @if(!empty($product->sku))
				({{ $product->sku }})
			@endif</td>
                        <td>
                            <input type="hidden" name="products[]" value="{{ $product->id }}">
                            <button type="button" class="btn btn-danger btn-xs remove_product" data-toggle="tooltip" 
            data-placement="top" title="Remove Product">
                                <i class="fa fa-times" style="font-size:10px"></i>
                            </button>
                        </td>
                    </tr>
                @endforeach
            </table>
        </div>
    </td>
</tr>
@endif