How do I send put method on an anchor tag?

@nickywan123 You can add hidden form, and with js submit form when you click on the link.

<a href="{{ route('shop.perfect-list.destroy',[$item->product->global_product_id]) }}" onclick="event.preventDefault(); document.getElementById('submit-form').submit();">
    <i class="fa fa-trash-o fa-2x text-muted mt-4 padding-left-icon"></i>
</a>

<form id="submit-form" action="{{ route('shop.perfect-list.destroy',[$item->product->global_product_id]) }}" method="POST" class="hidden">
    @csrf

    @method('PUT')
</form>

So I just add a hidden form and that's it?

Tried your method and still throws same error.

@nickywan123 Yes, that's it.

I use dd to display and every different item I click still shows the same product id =16, why is that?

Is it because I use first()?

Alternatively, you can also wrap your content in the form itself :

<form id="perfect-list-destroy" action="{{ route('shop.perfect-list.destroy', [$item->product->global_product_id]) }}" method="POST">
    @method('PUT')
    @csrf
    <a href="javascript:void(0);" onclick="document.getElementById('perfect-list-destroy').submit();"> <i class="fa fa-trash-o fa-2x text-muted mt-4 padding-left-icon"></i></a>
</form>

Also, you should consider using the "DELETE" method since you're destroying something.

Your request might be redirected, hence why you would it will be calling your route using GET. That is the case if you're using Laravel Localization. You need to ignore this URL in your configs if it is the case.

I tried to dd to get my product id but all the items I click delete returns 16 so obviously, I didn't pass the correct product id.

That of course is a problem, but it isn't the source of your original problem though.

I don't know if the javascript introduced in the blade cause my product id not to be detected?

@nickywan123 Of course not, you send there $item->product->global_product_id so search here for your problem. What is it global_product_id?

It is a product id uniquely for each item. By right, my logic is correct and should return the product id for the item I click delete for. It's inside the foreach loop so it should be able to identify the product id of each item. What else should I be looking for?

@nickywan123 Check your source code if you have everytime different generated url withroute('shop.perfect-list.destroy',[$item->product->global_product_id])

Nope, it always return the same generated URL. But by my model logic, I should have passed my id correctly for each delete.

Check this post, I made a new thread:

https://laracasts.com/discuss/channels/laravel/deleting-item-not-outputting-the-correct-id

@nickywan123 Ok I check it, could you mark this thread as solved bu choosing a best reply?

Done

Your solution gives me this error:

The PUT method is not supported for this route. Supported methods: DELETE."

@nickywan123 You need to use

@method('DELETE')

instead of

@method('PUT')

If your route is

Route::delete('/remove/{product_id}', 'Shop\WishListController@destroy')->name('shop.perfect-list.destroy');

I did that, I believe I need to use:

@method('delete')

instead of

@method('DELETE')

Somehow it works if I use lowercase. Why is that?

@nickywan123 I everytime use uppercase version of it and it works for me well.

Also, why do you use delete() instead of destroy()?

When do I use each?

Check documentation

https://laravel.com/docs/7.x/controllers#resource-controllers

DELETE /photos/{photo} destroy photos.destroy

And also in documentation you can see it in an uppercase.

https://laravel.com/docs/7.x/blade#method-field

Somehow @method('DELETE') works now. Strange.

Maybe you just refresh a page in the browser? :D

Oh anyway, thanks for the help today :)