'Error store data laravel when have image in pages

I am insert data product with images in dashboard, when I try to order the product I have error 404 not found and the URL showing value database in table like http://127.0.0.1:8000/shops/order/[%7B%22id%22:2,%22category_id%22:1,%22name_product%22:%22asdasd%22,%22harga%22:123123123,%22image%22:%22product-images//HapOzHmJPim1kIfmIeCM21xesCnIbR5Z7lpzcO8M.jpg%22,%22published_at%22:null,%22created_at%22:%222022-05-23T16:25:00.000000Z%22,%22updated_at%22:%222022-05-23T16:25:10.000000Z%22,%22kategori%22:%7B%22id%22:1,%22name_category%22:%22Top%22,%22created_at%22:%222022-05-23T16:22:40.000000Z%22,%22updated_at%22:%222022-05-23T16:22:40.000000Z%22%7D%7D].

But when I am insert data product without images in dashboard, and then I try to order the product is successful.

This is my route

Route::post('/shops/order/{shop:id}', [OrderController::class, 'store']);

This is OrderController

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\Order;
use App\Models\User;
use App\Models\Shop;

class OrderController extends Controller
{
public function store(Request $request)
    {
        $createOrder = $request->validate([
            'user_id' => 'required',
            'name_product_id' => 'required',
            'size' => 'required',
            'no' => 'required',
            'address' => 'required'
        ]);

        Order::create($createOrder);

        return redirect('shops/order/{shop:id}')->with('success', 'Order is successfully!');
    }
}

This is my views

@extends('layouts.main')

@section('container')
    <div class="container">
        <div class="row mt-5">
            @foreach ($shops as $shop)
                <div class="card mb-3">
                    <div class="row g-0">
                    <div class="col-md-4">
                        <img src="{{ asset('storage/' . $shop->image) }}" alt="{{ $shop->name_product }}" class="img-fluid rounded-start" style="max-height: 400px; overflow:hidden">
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                        <h5 class="card-title">{{ $shop->name_product }}</h5>
                        <p>Jenis {{ $shop->category->name_category }}</p>
                        <p class="card-text fw-bold">Rp.{{ $shop->price }}</p>
                        </div>
                    </div>
                    </div>
                </div>
            @endforeach
        </div>
        <div class="row mt-5">
            <div class="col align-self-center">
                @if (session()->has('success'))
                <div class="alert alert-success text-center" role="alert">
                    {{ session('success') }}
                </div>
            @endif
            </div>
        </div>
        <form method="POST" action="/shops/order/{{ $shops }}" class="row g-2" enctype="multipart/form-data">
            @csrf
            <h3 class="text-center mt-2">Detail Delivery</h3>
            <div class="col-md-6">
                <div class="mb-3">
                    <select class="form-select" name="user_id" hidden>
                        @foreach ($users as $name)
                            <option value="{{ $name->id }}">{{ $name->id }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <select class="form-select" name="name_produk_id" hidden>
                        @foreach ($shops as $shops_id)
                            <option value="{{ $shops_id->id }}">{{ $shops_id->id }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <label for="address" class="form-label">Address</label>
                    <textarea class="form-control" @error('address') is-invalid @enderror id="address" name="address" required>
                    </textarea>
                </div>
            </div>
            <div class="col-md-4">
                <label for="size" class="form-label mt-3">Select size :</label>
                <select class="form-select" name="size">
                    <option selected>S</option>
                    <option value="M">M</option>
                    <option value="L">L</option>
                    <option value="XL">XL</option>
                </select>
                <div class="mt-3">
                    <label for="no" class="form-label">Nomor Whatsapp</label>
                    <input class="form-control" @error('no') is-invalid @enderror id="no" name="no" required autofocus">
                </div>
                <button type="submit" class="btn btn-primary mt-5">Buy Now</button>
            </div>
        </form>
    </div>
    
@endsection




Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source