Laravel blade for loop отправляет первый элемент формы с помощью Jquery AJAX но для других выдает ошибку

Таким образом, мой вид отображает продукты в виде карты, где каждая карта имеет кнопку Добавить в корзину, которая отправляет форму через AJAX JQuery. Карточки продуктов заполняются на странице через блейд для цикла. Однако это позволяет мне только добавить первый продукт в корзину. Для всех остальных это дает следующую ошибку:

Symfony\Component\HttpKernel\Exception\MethodNotAllowedHttpException
The POST method is not supported for this route. Supported methods: GET, HEAD. 

Я вставил свой блейд-код, который включает в себя jquery здесь, так что его легче читать: https://mystb.in/BerlinTeamsAffiliated.php-template

Мой TestController.php, куда отправляется форма:

public function test(Request $request, Product $product){
    return response()->json([
    'success' => true,
    'message' => 'Data inserted successfully ' . $request->name. ' '.$product->name]);
    }

Маршруты файлов web.php:

Route::get('/test', 'TestController@showTest');
Route::post('/test/{product}', 'TestController@test');

Примечание: трассировка стека laravel показывает правильную форму, отправляемую через тело запроса, но она просто выдает эту ошибку.