From 4c91834389c4f0f764d0e074ad42877ecc58201b Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Fri, 12 Jun 2026 23:33:17 +0700
Subject: [PATCH] Enhance order and purchase management by implementing draft
 item functionality. Update OrderController and PurchaseController to handle
 draft items for users, allowing for better cart management. Refactor
 OrderService and PurchaseService to include methods for syncing and removing
 draft items. Update related request classes and models to support user
 associations. Modify frontend components to restore draft items and
 synchronize quantities, improving user experience during order and purchase
 creation.

---
 .../Admin/Manage/OrderController.php          |   7 +-
 .../Admin/Manage/OrderDraftItemController.php |  42 ++++
 .../Admin/Manage/PurchaseController.php       |   7 +-
 .../Manage/PurchaseDraftItemController.php    |  31 +++
 .../Admin/Manage/OrderDraftItemRequest.php    |  32 +++
 .../Manage/OrderDraftResyncPricesRequest.php  |  26 +++
 .../Requests/Admin/Manage/OrderRequest.php    |  12 +-
 .../Admin/Manage/PurchaseDraftItemRequest.php |  30 +++
 .../Requests/Admin/Manage/PurchaseRequest.php |  18 +-
 app/Models/OrderItem.php                      |   5 +
 app/Models/PurchaseItem.php                   |   5 +
 app/Services/Manage/OrderService.php          | 184 +++++++++++++++++-
 app/Services/Manage/PurchaseService.php       | 115 ++++++++++-
 ..._11_120002_create_purchase_items_table.php |   3 +-
 ..._06_12_100002_create_order_items_table.php |   3 +-
 .../admin/manage/orders/OrderPosForm.vue      | 144 ++++++++++++--
 .../manage/purchases/PurchasePosForm.vue      | 120 ++++++++++--
 resources/js/lib/api.ts                       |  36 ++++
 .../js/pages/admin/manage/orders/Create.vue   |   4 +-
 .../pages/admin/manage/purchases/Create.vue   |   4 +-
 routes/web.php                                |  22 +++
 21 files changed, 794 insertions(+), 56 deletions(-)
 create mode 100644 app/Http/Controllers/Admin/Manage/OrderDraftItemController.php
 create mode 100644 app/Http/Controllers/Admin/Manage/PurchaseDraftItemController.php
 create mode 100644 app/Http/Requests/Admin/Manage/OrderDraftItemRequest.php
 create mode 100644 app/Http/Requests/Admin/Manage/OrderDraftResyncPricesRequest.php
 create mode 100644 app/Http/Requests/Admin/Manage/PurchaseDraftItemRequest.php
 create mode 100644 resources/js/lib/api.ts

diff --git a/app/Http/Controllers/Admin/Manage/OrderController.php b/app/Http/Controllers/Admin/Manage/OrderController.php
index b777a10..522d697 100644
--- a/app/Http/Controllers/Admin/Manage/OrderController.php
+++ b/app/Http/Controllers/Admin/Manage/OrderController.php
@@ -35,13 +35,16 @@ public function index(Request $request): Response
         ]);
     }
 
-    public function create(): Response
+    public function create(Request $request): Response
     {
+        $user = $request->user();
+
         return Inertia::render('admin/manage/orders/Create', [
             'customers' => $this->orderService->customerOptions(),
-            'catalog' => $this->orderService->catalogItems(),
+            'catalog' => $this->orderService->catalogItems(user: $user),
             'channels' => OrderChannel::selectOptions(),
             'storePriceTypes' => $this->orderService->storePriceTypeOptions(),
+            'draftItems' => $this->orderService->draftItemsForUser($user),
         ]);
     }
 
diff --git a/app/Http/Controllers/Admin/Manage/OrderDraftItemController.php b/app/Http/Controllers/Admin/Manage/OrderDraftItemController.php
new file mode 100644
index 0000000..fb8b6af
--- /dev/null
+++ b/app/Http/Controllers/Admin/Manage/OrderDraftItemController.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Http\Controllers\Admin\Manage;
+
+use App\Http\Controllers\Controller;
+use App\Http\Requests\Admin\Manage\OrderDraftItemRequest;
+use App\Http\Requests\Admin\Manage\OrderDraftResyncPricesRequest;
+use App\Models\ProductVariant;
+use App\Services\Manage\OrderService;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class OrderDraftItemController extends Controller
+{
+    public function __construct(
+        private readonly OrderService $orderService,
+    ) {}
+
+    public function store(OrderDraftItemRequest $request): JsonResponse
+    {
+        $item = $this->orderService->syncDraftItem($request->validated(), $request->user());
+
+        return response()->json(['item' => $item]);
+    }
+
+    public function destroy(Request $request, ProductVariant $productVariant): JsonResponse
+    {
+        $this->orderService->removeDraftItem($request->user(), $productVariant);
+
+        return response()->json(['ok' => true]);
+    }
+
+    public function resyncPrices(OrderDraftResyncPricesRequest $request): JsonResponse
+    {
+        $items = $this->orderService->resyncDraftPrices(
+            $request->user(),
+            $request->validated('price_type'),
+        );
+
+        return response()->json(['items' => $items]);
+    }
+}
diff --git a/app/Http/Controllers/Admin/Manage/PurchaseController.php b/app/Http/Controllers/Admin/Manage/PurchaseController.php
index 8b8fa76..d42ea67 100644
--- a/app/Http/Controllers/Admin/Manage/PurchaseController.php
+++ b/app/Http/Controllers/Admin/Manage/PurchaseController.php
@@ -32,11 +32,14 @@ public function index(Request $request): Response
         ]);
     }
 
-    public function create(): Response
+    public function create(Request $request): Response
     {
+        $user = $request->user();
+
         return Inertia::render('admin/manage/purchases/Create', [
             'suppliers' => $this->purchaseService->supplierOptions(),
-            'catalog' => $this->purchaseService->catalogItems(),
+            'catalog' => $this->purchaseService->catalogItems(user: $user),
+            'draftItems' => $this->purchaseService->draftItemsForUser($user),
         ]);
     }
 
diff --git a/app/Http/Controllers/Admin/Manage/PurchaseDraftItemController.php b/app/Http/Controllers/Admin/Manage/PurchaseDraftItemController.php
new file mode 100644
index 0000000..a392114
--- /dev/null
+++ b/app/Http/Controllers/Admin/Manage/PurchaseDraftItemController.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Controllers\Admin\Manage;
+
+use App\Http\Controllers\Controller;
+use App\Http\Requests\Admin\Manage\PurchaseDraftItemRequest;
+use App\Models\RawMaterialPrice;
+use App\Services\Manage\PurchaseService;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+
+class PurchaseDraftItemController extends Controller
+{
+    public function __construct(
+        private readonly PurchaseService $purchaseService,
+    ) {}
+
+    public function store(PurchaseDraftItemRequest $request): JsonResponse
+    {
+        $item = $this->purchaseService->syncDraftItem($request->validated(), $request->user());
+
+        return response()->json(['item' => $item]);
+    }
+
+    public function destroy(Request $request, RawMaterialPrice $rawMaterialPrice): JsonResponse
+    {
+        $this->purchaseService->removeDraftItem($request->user(), $rawMaterialPrice);
+
+        return response()->json(['ok' => true]);
+    }
+}
diff --git a/app/Http/Requests/Admin/Manage/OrderDraftItemRequest.php b/app/Http/Requests/Admin/Manage/OrderDraftItemRequest.php
new file mode 100644
index 0000000..015d51a
--- /dev/null
+++ b/app/Http/Requests/Admin/Manage/OrderDraftItemRequest.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Http\Requests\Admin\Manage;
+
+use App\Enums\Permission;
+use App\Enums\PriceType;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class OrderDraftItemRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return $this->user()?->can(Permission::ORDERS_CREATE->value) ?? false;
+    }
+
+    /**
+     * @return array<string, mixed>
+     */
+    public function rules(): array
+    {
+        return [
+            'product_variant_id' => [
+                'required',
+                'integer',
+                Rule::exists('product_variants', 'id')->whereNull('deleted_at'),
+            ],
+            'quantity' => ['required', 'integer', 'min:1'],
+            'price_type' => ['required', Rule::enum(PriceType::class)],
+        ];
+    }
+}
diff --git a/app/Http/Requests/Admin/Manage/OrderDraftResyncPricesRequest.php b/app/Http/Requests/Admin/Manage/OrderDraftResyncPricesRequest.php
new file mode 100644
index 0000000..ab9e422
--- /dev/null
+++ b/app/Http/Requests/Admin/Manage/OrderDraftResyncPricesRequest.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Requests\Admin\Manage;
+
+use App\Enums\Permission;
+use App\Enums\PriceType;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class OrderDraftResyncPricesRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return $this->user()?->can(Permission::ORDERS_CREATE->value) ?? false;
+    }
+
+    /**
+     * @return array<string, mixed>
+     */
+    public function rules(): array
+    {
+        return [
+            'price_type' => ['required', Rule::enum(PriceType::class)],
+        ];
+    }
+}
diff --git a/app/Http/Requests/Admin/Manage/OrderRequest.php b/app/Http/Requests/Admin/Manage/OrderRequest.php
index f7e0f81..b99b406 100644
--- a/app/Http/Requests/Admin/Manage/OrderRequest.php
+++ b/app/Http/Requests/Admin/Manage/OrderRequest.php
@@ -33,15 +33,17 @@ public function rules(): array
             'discount' => ['nullable', 'integer', 'min:0'],
             'marketplace_fee' => ['nullable', 'integer', 'min:0'],
             'notes' => ['nullable', 'string'],
+        ];
 
-            'items' => ['required', 'array', 'min:1'],
-            'items.*.product_variant_id' => [
+        if ($this->isMethod('PUT') || $this->isMethod('PATCH')) {
+            $rules['items'] = ['required', 'array', 'min:1'];
+            $rules['items.*.product_variant_id'] = [
                 'required',
                 'integer',
                 Rule::exists('product_variants', 'id')->whereNull('deleted_at'),
-            ],
-            'items.*.quantity' => ['required', 'integer', 'min:1'],
-        ];
+            ];
+            $rules['items.*.quantity'] = ['required', 'integer', 'min:1'];
+        }
 
         return $rules;
     }
diff --git a/app/Http/Requests/Admin/Manage/PurchaseDraftItemRequest.php b/app/Http/Requests/Admin/Manage/PurchaseDraftItemRequest.php
new file mode 100644
index 0000000..1837c29
--- /dev/null
+++ b/app/Http/Requests/Admin/Manage/PurchaseDraftItemRequest.php
@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Requests\Admin\Manage;
+
+use App\Enums\Permission;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class PurchaseDraftItemRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return $this->user()?->can(Permission::PURCHASES_CREATE->value) ?? false;
+    }
+
+    /**
+     * @return array<string, mixed>
+     */
+    public function rules(): array
+    {
+        return [
+            'raw_material_price_id' => [
+                'required',
+                'integer',
+                Rule::exists('raw_material_prices', 'id')->whereNull('deleted_at'),
+            ],
+            'quantity' => ['required', 'numeric', 'decimal:0,4', 'gt:0'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/Admin/Manage/PurchaseRequest.php b/app/Http/Requests/Admin/Manage/PurchaseRequest.php
index beac7bb..dffb99f 100644
--- a/app/Http/Requests/Admin/Manage/PurchaseRequest.php
+++ b/app/Http/Requests/Admin/Manage/PurchaseRequest.php
@@ -25,20 +25,24 @@ public function authorize(): bool
      */
     public function rules(): array
     {
-        return [
+        $rules = [
             'supplier_id' => ['required', 'integer', Rule::exists('suppliers', 'id')->whereNull('deleted_at')],
             'discount' => ['nullable', 'integer', 'min:0'],
             'notes' => ['nullable', 'string', 'max:100'],
+            ...$this->photoRules(),
+        ];
 
-            'items' => ['required', 'array', 'min:1'],
-            'items.*.raw_material_price_id' => [
+        if ($this->isMethod('PUT') || $this->isMethod('PATCH')) {
+            $rules['items'] = ['required', 'array', 'min:1'];
+            $rules['items.*.raw_material_price_id'] = [
                 'required',
                 'integer',
                 Rule::exists('raw_material_prices', 'id')->whereNull('deleted_at'),
-            ],
-            'items.*.quantity' => ['required', 'numeric', 'decimal:0,4', 'gt:0'],
-            ...$this->photoRules(),
-        ];
+            ];
+            $rules['items.*.quantity'] = ['required', 'numeric', 'decimal:0,4', 'gt:0'];
+        }
+
+        return $rules;
     }
 
     /**
diff --git a/app/Models/OrderItem.php b/app/Models/OrderItem.php
index 9a362ec..cc9a5d2 100644
--- a/app/Models/OrderItem.php
+++ b/app/Models/OrderItem.php
@@ -33,6 +33,11 @@ protected function casts(): array
         ];
     }
 
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
     public function order(): BelongsTo
     {
         return $this->belongsTo(Order::class);
diff --git a/app/Models/PurchaseItem.php b/app/Models/PurchaseItem.php
index cc21683..0ea4320 100644
--- a/app/Models/PurchaseItem.php
+++ b/app/Models/PurchaseItem.php
@@ -34,6 +34,11 @@ protected function casts(): array
         ];
     }
 
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
     public function purchase(): BelongsTo
     {
         return $this->belongsTo(Purchase::class);
diff --git a/app/Services/Manage/OrderService.php b/app/Services/Manage/OrderService.php
index e3acfda..615dbd7 100644
--- a/app/Services/Manage/OrderService.php
+++ b/app/Services/Manage/OrderService.php
@@ -15,6 +15,7 @@
 use App\Support\Media\MediaPresenter;
 use Illuminate\Contracts\Pagination\LengthAwarePaginator;
 use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Collection as EloquentCollection;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\DB;
 use Illuminate\Validation\ValidationException;
@@ -97,11 +98,11 @@ public function storePriceTypeOptions(): array
     /**
      * @return Collection<int, Product>
      */
-    public function catalogItems(?Order $order = null): Collection
+    public function catalogItems(?Order $order = null, ?User $user = null): Collection
     {
         $orderVariantIds = $order
             ? $order->items()->pluck('product_variant_id')->all()
-            : [];
+            : ($user ? $this->draftItemsQuery($user)->pluck('product_variant_id')->all() : []);
 
         return Product::query()
             ->with([
@@ -155,6 +156,110 @@ public function findForEdit(Order $order): Order
         return $order;
     }
 
+    /**
+     * @return list<array<string, mixed>>
+     */
+    public function draftItemsForUser(User $user): array
+    {
+        return $this->draftItemsQuery($user)
+            ->with([
+                'productVariant.product:id,name',
+                'productVariant.media',
+            ])
+            ->get()
+            ->map(fn (OrderItem $item) => $this->presentDraftItem($item))
+            ->values()
+            ->all();
+    }
+
+    /**
+     * @param  array<string, mixed>  $validated
+     * @return array<string, mixed>
+     */
+    public function syncDraftItem(array $validated, User $user): array
+    {
+        $priceType = PriceType::from($validated['price_type']);
+        $variant = ProductVariant::query()->findOrFail($validated['product_variant_id']);
+        $price = ProductPrice::query()
+            ->where('variant_id', $variant->id)
+            ->where('type', $priceType)
+            ->first();
+
+        if ($price === null) {
+            throw ValidationException::withMessages([
+                'product_variant_id' => 'Harga untuk tipe harga ini belum diatur.',
+            ]);
+        }
+
+        $quantity = (int) $validated['quantity'];
+        $unitPrice = (int) $price->price;
+        $subtotal = $unitPrice * $quantity;
+
+        $item = OrderItem::query()->updateOrCreate(
+            [
+                'user_id' => $user->id,
+                'product_variant_id' => $variant->id,
+                'order_id' => null,
+            ],
+            [
+                'quantity' => $quantity,
+                'unit_price' => $unitPrice,
+                'subtotal' => $subtotal,
+            ],
+        );
+
+        $item->load([
+            'productVariant.product:id,name',
+            'productVariant.media',
+        ]);
+
+        return $this->presentDraftItem($item);
+    }
+
+    public function removeDraftItem(User $user, ProductVariant $productVariant): void
+    {
+        OrderItem::query()
+            ->whereNull('order_id')
+            ->where('user_id', $user->id)
+            ->where('product_variant_id', $productVariant->id)
+            ->delete();
+    }
+
+    /**
+     * @return list<array<string, mixed>>
+     */
+    public function resyncDraftPrices(User $user, string $priceTypeValue): array
+    {
+        $priceType = PriceType::from($priceTypeValue);
+
+        $items = $this->draftItemsQuery($user)
+            ->with([
+                'productVariant.product:id,name',
+                'productVariant.media',
+            ])
+            ->get();
+
+        foreach ($items as $item) {
+            $price = ProductPrice::query()
+                ->where('variant_id', $item->product_variant_id)
+                ->where('type', $priceType)
+                ->first();
+
+            if ($price === null) {
+                $item->delete();
+
+                continue;
+            }
+
+            $unitPrice = (int) $price->price;
+            $item->unit_price = $unitPrice;
+            $item->subtotal = $unitPrice * $item->quantity;
+            $item->save();
+        }
+
+        return $this->draftItemsForUser($user);
+    }
+
     /**
      * @param  array<string, mixed>  $validated
      */
@@ -162,8 +267,21 @@ public function create(array $validated, User $user): Order
     {
         return DB::transaction(function () use ($validated, $user): Order {
             $priceType = $this->resolvePriceType($validated['channel'], $validated['price_type']);
-            $lineItems = $this->buildLineItems($validated['items'], $priceType);
-            $subtotal = array_sum(array_column($lineItems, 'subtotal'));
+
+            /** @var EloquentCollection<int, OrderItem> $draftItems */
+            $draftItems = $this->draftItemsQuery($user)
+                ->lockForUpdate()
+                ->get();
+
+            if ($draftItems->isEmpty()) {
+                throw ValidationException::withMessages([
+                    'items' => 'Tambahkan minimal satu produk ke keranjang.',
+                ]);
+            }
+
+            $this->applyDraftPrices($draftItems, $priceType);
+
+            $subtotal = $draftItems->sum('subtotal');
             $discount = (int) ($validated['discount'] ?? 0);
             $marketplaceFee = (int) ($validated['marketplace_fee'] ?? 0);
             $netAmount = max($subtotal - $discount - $marketplaceFee, 0);
@@ -181,9 +299,10 @@ public function create(array $validated, User $user): Order
                 'notes' => $validated['notes'] ?? null,
             ]);
 
-            foreach ($lineItems as $itemData) {
-                $orderItem = $order->items()->create($itemData);
-                $this->decrementStock($orderItem);
+            foreach ($draftItems as $item) {
+                $item->order_id = $order->id;
+                $item->save();
+                $this->decrementStock($item);
             }
 
             return $order;
@@ -342,6 +461,57 @@ private function resolvePriceType(string $channel, string $priceType): PriceType
         return $priceTypeEnum;
     }
 
+    /**
+     * @return Builder<OrderItem>
+     */
+    private function draftItemsQuery(User $user): Builder
+    {
+        return OrderItem::query()
+            ->whereNull('order_id')
+            ->where('user_id', $user->id);
+    }
+
+    /**
+     * @return array<string, mixed>
+     */
+    private function presentDraftItem(OrderItem $item): array
+    {
+        $variant = $item->productVariant;
+
+        return [
+            'product_variant_id' => $item->product_variant_id,
+            'product_name' => $variant?->product?->name ?? '',
+            'variant_name' => $variant?->name ?? '',
+            'quantity' => (string) $item->quantity,
+            'unit_price' => $item->unit_price,
+            'images' => $variant ? MediaPresenter::collection($variant, 'images') : [],
+        ];
+    }
+
+    /**
+     * @param  EloquentCollection<int, OrderItem>  $items
+     */
+    private function applyDraftPrices(EloquentCollection $items, PriceType $priceType): void
+    {
+        foreach ($items as $index => $item) {
+            $price = ProductPrice::query()
+                ->where('variant_id', $item->product_variant_id)
+                ->where('type', $priceType)
+                ->first();
+
+            if ($price === null) {
+                throw ValidationException::withMessages([
+                    "items.{$index}.product_variant_id" => 'Harga untuk tipe harga ini belum diatur.',
+                ]);
+            }
+
+            $unitPrice = (int) $price->price;
+            $item->unit_price = $unitPrice;
+            $item->subtotal = $unitPrice * $item->quantity;
+            $item->save();
+        }
+    }
+
     private function decrementStock(OrderItem $item): void
     {
         ProductVariant::query()
diff --git a/app/Services/Manage/PurchaseService.php b/app/Services/Manage/PurchaseService.php
index bcb6b93..38cf835 100644
--- a/app/Services/Manage/PurchaseService.php
+++ b/app/Services/Manage/PurchaseService.php
@@ -12,6 +12,7 @@
 use App\Support\Media\MediaPresenter;
 use Illuminate\Contracts\Pagination\LengthAwarePaginator;
 use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Collection as EloquentCollection;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\DB;
 use Illuminate\Validation\ValidationException;
@@ -81,11 +82,11 @@ public function supplierOptions(): array
     /**
      * @return Collection<int, RawMaterial>
      */
-    public function catalogItems(?Purchase $purchase = null): Collection
+    public function catalogItems(?Purchase $purchase = null, ?User $user = null): Collection
     {
         $purchasePriceIds = $purchase
             ? $purchase->items()->pluck('raw_material_price_id')->all()
-            : [];
+            : ($user ? $this->draftItemsQuery($user)->pluck('raw_material_price_id')->all() : []);
 
         return RawMaterial::query()
             ->with([
@@ -141,14 +142,84 @@ public function findForEdit(Purchase $purchase): Purchase
         return $purchase;
     }
 
+    /**
+     * @return list<array<string, mixed>>
+     */
+    public function draftItemsForUser(User $user): array
+    {
+        return $this->draftItemsQuery($user)
+            ->with([
+                'rawMaterialPrice.rawMaterial:id,name,unit',
+                'rawMaterialPrice.media',
+            ])
+            ->get()
+            ->map(fn (PurchaseItem $item) => $this->presentDraftItem($item))
+            ->values()
+            ->all();
+    }
+
+    /**
+     * @param  array<string, mixed>  $validated
+     * @return array<string, mixed>
+     */
+    public function syncDraftItem(array $validated, User $user): array
+    {
+        $price = RawMaterialPrice::query()
+            ->with('rawMaterial:id,name,unit')
+            ->findOrFail($validated['raw_material_price_id']);
+
+        $quantity = (float) $validated['quantity'];
+        $unitPrice = (int) $price->price;
+        $subtotal = (int) round($quantity * $unitPrice);
+
+        $item = PurchaseItem::query()->updateOrCreate(
+            [
+                'user_id' => $user->id,
+                'raw_material_price_id' => $price->id,
+                'purchase_id' => null,
+            ],
+            [
+                'quantity' => $quantity,
+                'unit_price' => $unitPrice,
+                'subtotal' => $subtotal,
+            ],
+        );
+
+        $item->load([
+            'rawMaterialPrice.rawMaterial:id,name,unit',
+            'rawMaterialPrice.media',
+        ]);
+
+        return $this->presentDraftItem($item);
+    }
+
+    public function removeDraftItem(User $user, RawMaterialPrice $rawMaterialPrice): void
+    {
+        PurchaseItem::query()
+            ->whereNull('purchase_id')
+            ->where('user_id', $user->id)
+            ->where('raw_material_price_id', $rawMaterialPrice->id)
+            ->delete();
+    }
+
     /**
      * @param  array<string, mixed>  $validated
      */
     public function create(array $validated, User $user): Purchase
     {
         return DB::transaction(function () use ($validated, $user): Purchase {
-            $lineItems = $this->buildLineItems($validated['items']);
-            $subtotal = array_sum(array_column($lineItems, 'subtotal'));
+            /** @var EloquentCollection<int, PurchaseItem> $draftItems */
+            $draftItems = $this->draftItemsQuery($user)
+                ->lockForUpdate()
+                ->get();
+
+            if ($draftItems->isEmpty()) {
+                throw ValidationException::withMessages([
+                    'items' => 'Tambahkan minimal satu bahan baku ke keranjang.',
+                ]);
+            }
+
+            $subtotal = $draftItems->sum('subtotal');
             $discount = (int) ($validated['discount'] ?? 0);
             $total = max($subtotal - $discount, 0);
 
@@ -161,9 +232,10 @@ public function create(array $validated, User $user): Purchase
                 'notes' => $validated['notes'] ?? null,
             ]);
 
-            foreach ($lineItems as $itemData) {
-                $purchaseItem = $purchase->items()->create($itemData);
-                $this->incrementStock($purchaseItem);
+            foreach ($draftItems as $item) {
+                $item->purchase_id = $purchase->id;
+                $item->save();
+                $this->incrementStock($item);
             }
 
             $this->syncPhotos($purchase, $validated);
@@ -268,6 +340,35 @@ private function syncPhotos(Purchase $purchase, array $validated): void
         );
     }
 
+    /**
+     * @return Builder<PurchaseItem>
+     */
+    private function draftItemsQuery(User $user): Builder
+    {
+        return PurchaseItem::query()
+            ->whereNull('purchase_id')
+            ->where('user_id', $user->id);
+    }
+
+    /**
+     * @return array<string, mixed>
+     */
+    private function presentDraftItem(PurchaseItem $item): array
+    {
+        $price = $item->rawMaterialPrice;
+        $rawMaterial = $price?->rawMaterial;
+
+        return [
+            'raw_material_price_id' => $item->raw_material_price_id,
+            'raw_material_name' => $rawMaterial?->name ?? '',
+            'variant' => $price?->variant ?? '',
+            'unit_abbreviation' => $rawMaterial?->unit?->abbreviation() ?? '',
+            'quantity' => $item->quantity_input,
+            'unit_price' => $item->unit_price,
+            'images' => $price ? MediaPresenter::collection($price, 'images') : [],
+        ];
+    }
+
     private function incrementStock(PurchaseItem $item): void
     {
         RawMaterialPrice::query()
diff --git a/database/migrations/2026_06_11_120002_create_purchase_items_table.php b/database/migrations/2026_06_11_120002_create_purchase_items_table.php
index 2c9b09e..6282625 100644
--- a/database/migrations/2026_06_11_120002_create_purchase_items_table.php
+++ b/database/migrations/2026_06_11_120002_create_purchase_items_table.php
@@ -11,7 +11,8 @@ public function up(): void
         Schema::create('purchase_items', function (Blueprint $table) {
             $table->id();
 
-            $table->foreignId('purchase_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('purchase_id')->nullable()->constrained()->cascadeOnDelete();
+            $table->foreignId('user_id')->nullable()->constrained()->cascadeOnDelete();
             $table->foreignId('raw_material_price_id')->constrained()->cascadeOnDelete();
 
             $table->decimal('quantity', 18, 4);
diff --git a/database/migrations/2026_06_12_100002_create_order_items_table.php b/database/migrations/2026_06_12_100002_create_order_items_table.php
index 17e9a4a..217af1b 100644
--- a/database/migrations/2026_06_12_100002_create_order_items_table.php
+++ b/database/migrations/2026_06_12_100002_create_order_items_table.php
@@ -11,7 +11,8 @@ public function up(): void
         Schema::create('order_items', function (Blueprint $table) {
             $table->id();
 
-            $table->foreignId('order_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('order_id')->nullable()->constrained()->cascadeOnDelete();
+            $table->foreignId('user_id')->nullable()->constrained()->cascadeOnDelete();
             $table->foreignId('product_variant_id')->constrained()->restrictOnDelete();
 
             $table->unsignedInteger('quantity');
diff --git a/resources/js/components/admin/manage/orders/OrderPosForm.vue b/resources/js/components/admin/manage/orders/OrderPosForm.vue
index 068af94..34dc97e 100644
--- a/resources/js/components/admin/manage/orders/OrderPosForm.vue
+++ b/resources/js/components/admin/manage/orders/OrderPosForm.vue
@@ -32,6 +32,7 @@ import {
 } from '@/components/ui/select';
 import { Separator } from '@/components/ui/separator';
 import { Textarea } from '@/components/ui/textarea';
+import { apiFetch } from '@/lib/api';
 import { getFirstCoverImage } from '@/lib/catalog-cover';
 import { formErrors } from '@/lib/form';
 import { formatRupiah, parseRupiah } from '@/lib/rupiah';
@@ -52,11 +53,14 @@ const props = defineProps<{
         notes: string;
         items: OrderCartItem[];
     };
+    draftItems?: OrderCartItem[];
     submitUrl: string;
     method: 'post' | 'put';
     submitLabel: string;
 }>();
 
+const isCreateMode = computed(() => props.method === 'post');
+
 const search = ref('');
 const cart = ref<OrderCartItem[]>([]);
 
@@ -94,6 +98,17 @@ watch(
     { immediate: true },
 );
 
+function populateDraftItems() {
+    if (!isCreateMode.value || !props.draftItems?.length) {
+        return;
+    }
+
+    cart.value = props.draftItems.map((item) => ({ ...item }));
+    toast.info('Keranjang dipulihkan dari data tersimpan.');
+}
+
+populateDraftItems();
+
 watch(
     () => form.channel,
     (channel) => {
@@ -107,6 +122,43 @@ watch(
     },
 );
 
+watch(
+    () => form.price_type,
+    async (priceType) => {
+        if (!isCreateMode.value || cart.value.length === 0) {
+            return;
+        }
+
+        try {
+            const { items } = await apiFetch<{ items: OrderCartItem[] }>(
+                '/admin/manage/orders/draft-items/resync-prices',
+                {
+                    method: 'PUT',
+                    body: JSON.stringify({ price_type: priceType }),
+                },
+            );
+
+            cart.value = items.map((item) => ({ ...item }));
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Gagal memperbarui harga keranjang.');
+        }
+    },
+);
+
+function upsertCartItem(item: OrderCartItem) {
+    const index = cart.value.findIndex(
+        (cartItem) => cartItem.product_variant_id === item.product_variant_id,
+    );
+
+    if (index === -1) {
+        cart.value.push({ ...item });
+
+        return;
+    }
+
+    cart.value[index] = { ...item };
+}
+
 const filteredCatalog = computed(() => {
     const keyword = search.value.trim().toLowerCase();
 
@@ -138,7 +190,20 @@ function lineSubtotal(item: OrderCartItem): number {
     return quantity * item.unit_price;
 }
 
-function addToCart(product: OrderCatalogItem, variant: ProductVariantItem) {
+async function syncDraftItem(variantId: number, quantity: number) {
+    const { item } = await apiFetch<{ item: OrderCartItem }>('/admin/manage/orders/draft-items', {
+        method: 'POST',
+        body: JSON.stringify({
+            product_variant_id: variantId,
+            quantity,
+            price_type: form.price_type,
+        }),
+    });
+
+    upsertCartItem(item);
+}
+
+async function addToCart(product: OrderCatalogItem, variant: ProductVariantItem) {
     const price = getVariantPrice(variant);
 
     if (!price) {
@@ -150,10 +215,20 @@ function addToCart(product: OrderCatalogItem, variant: ProductVariantItem) {
     const existing = cart.value.find(
         (item) => item.product_variant_id === variant.id,
     );
+    const nextQty = existing ? (Number(existing.quantity) || 0) + 1 : 1;
+
+    if (isCreateMode.value) {
+        try {
+            await syncDraftItem(variant.id, nextQty);
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Gagal menyimpan item ke keranjang.');
+        }
+
+        return;
+    }
 
     if (existing) {
-        const currentQty = Number(existing.quantity) || 0;
-        existing.quantity = String(currentQty + 1);
+        existing.quantity = String(nextQty);
 
         return;
     }
@@ -168,16 +243,40 @@ function addToCart(product: OrderCatalogItem, variant: ProductVariantItem) {
     });
 }
 
-function removeFromCart(index: number) {
+async function removeFromCart(index: number) {
+    const item = cart.value[index];
+
+    if (isCreateMode.value) {
+        try {
+            await apiFetch(`/admin/manage/orders/draft-items/${item.product_variant_id}`, {
+                method: 'DELETE',
+            });
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Gagal menghapus item dari keranjang.');
+
+            return;
+        }
+    }
+
     cart.value.splice(index, 1);
 }
 
-function adjustQuantity(index: number, delta: number) {
+async function adjustQuantity(index: number, delta: number) {
     const item = cart.value[index];
     const nextQty = (Number(item.quantity) || 0) + delta;
 
     if (nextQty < 1) {
-        removeFromCart(index);
+        await removeFromCart(index);
+
+        return;
+    }
+
+    if (isCreateMode.value) {
+        try {
+            await syncDraftItem(item.product_variant_id, nextQty);
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Gagal memperbarui jumlah item.');
+        }
 
         return;
     }
@@ -185,6 +284,27 @@ function adjustQuantity(index: number, delta: number) {
     item.quantity = String(nextQty);
 }
 
+async function syncCartItemQuantity(index: number) {
+    const item = cart.value[index];
+    const nextQty = Number(item.quantity) || 0;
+
+    if (nextQty < 1) {
+        await removeFromCart(index);
+
+        return;
+    }
+
+    if (!isCreateMode.value) {
+        return;
+    }
+
+    try {
+        await syncDraftItem(item.product_variant_id, nextQty);
+    } catch (error) {
+        toast.error(error instanceof Error ? error.message : 'Gagal memperbarui jumlah item.');
+    }
+}
+
 function buildFormData(): FormData {
     const formData = new FormData();
 
@@ -202,10 +322,12 @@ function buildFormData(): FormData {
     formData.append('marketplace_fee', parseRupiah(form.marketplace_fee));
     formData.append('notes', form.notes);
 
-    cart.value.forEach((item, index) => {
-        formData.append(`items[${index}][product_variant_id]`, String(item.product_variant_id));
-        formData.append(`items[${index}][quantity]`, item.quantity);
-    });
+    if (props.method === 'put') {
+        cart.value.forEach((item, index) => {
+            formData.append(`items[${index}][product_variant_id]`, String(item.product_variant_id));
+            formData.append(`items[${index}][quantity]`, item.quantity);
+        });
+    }
 
     return formData;
 }
@@ -398,7 +520,7 @@ function submit() {
                                                         <Minus class="size-3.5" />
                                                     </Button>
                                                     <Input v-model="item.quantity" type="number" min="1" step="1"
-                                                        class="h-8 text-center" />
+                                                        class="h-8 text-center" @change="syncCartItemQuantity(index)" />
                                                     <Button type="button" variant="outline" size="icon"
                                                         class="size-8 shrink-0" @click="adjustQuantity(index, 1)">
                                                         <Plus class="size-3.5" />
diff --git a/resources/js/components/admin/manage/purchases/PurchasePosForm.vue b/resources/js/components/admin/manage/purchases/PurchasePosForm.vue
index d324ccc..dfdbd34 100644
--- a/resources/js/components/admin/manage/purchases/PurchasePosForm.vue
+++ b/resources/js/components/admin/manage/purchases/PurchasePosForm.vue
@@ -34,6 +34,7 @@ import {
 } from '@/components/ui/select';
 import { Separator } from '@/components/ui/separator';
 import { Textarea } from '@/components/ui/textarea';
+import { apiFetch } from '@/lib/api';
 import { getFirstCoverImage } from '@/lib/catalog-cover';
 import { FIELD_LIMITS } from '@/lib/field-limits';
 import { formErrors } from '@/lib/form';
@@ -51,11 +52,13 @@ const props = defineProps<{
         items: PurchaseCartItem[];
         photos?: MediaItem | null;
     };
+    draftItems?: PurchaseCartItem[];
     submitUrl: string;
     method: 'post' | 'put';
     submitLabel: string;
 }>();
 
+const isCreateMode = computed(() => props.method === 'post');
 const search = ref('');
 const cart = ref<PurchaseCartItem[]>([]);
 const existingPhotoId = ref<number | null>(null);
@@ -99,6 +102,31 @@ watch(
     { immediate: true },
 );
 
+function populateDraftItems() {
+    if (!isCreateMode.value || !props.draftItems?.length) {
+        return;
+    }
+
+    cart.value = props.draftItems.map((item) => ({ ...item }));
+    toast.info('Keranjang dipulihkan dari data tersimpan.');
+}
+
+populateDraftItems();
+
+function upsertCartItem(item: PurchaseCartItem) {
+    const index = cart.value.findIndex(
+        (cartItem) => cartItem.raw_material_price_id === item.raw_material_price_id,
+    );
+
+    if (index === -1) {
+        cart.value.push({ ...item });
+
+        return;
+    }
+
+    cart.value[index] = { ...item };
+}
+
 type CatalogPrice = {
     id: number;
     variant: string;
@@ -134,14 +162,36 @@ function lineSubtotal(item: PurchaseCartItem): number {
     return Math.round(quantity * item.unit_price);
 }
 
-function addToCart(rawMaterial: PurchaseCatalogItem, price: CatalogPrice) {
+async function syncDraftItem(priceId: number, quantity: number) {
+    const { item } = await apiFetch<{ item: PurchaseCartItem }>('/admin/manage/purchases/draft-items', {
+        method: 'POST',
+        body: JSON.stringify({
+            raw_material_price_id: priceId,
+            quantity,
+        }),
+    });
+
+    upsertCartItem(item);
+}
+
+async function addToCart(rawMaterial: PurchaseCatalogItem, price: CatalogPrice) {
     const existing = cart.value.find(
         (item) => item.raw_material_price_id === price.id,
     );
+    const nextQty = existing ? (Number(existing.quantity) || 0) + 1 : 1;
+
+    if (isCreateMode.value) {
+        try {
+            await syncDraftItem(price.id, nextQty);
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Gagal menyimpan item ke keranjang.');
+        }
+
+        return;
+    }
 
     if (existing) {
-        const currentQty = Number(existing.quantity) || 0;
-        existing.quantity = String(currentQty + 1);
+        existing.quantity = String(nextQty);
 
         return;
     }
@@ -157,16 +207,40 @@ function addToCart(rawMaterial: PurchaseCatalogItem, price: CatalogPrice) {
     });
 }
 
-function removeFromCart(index: number) {
+async function removeFromCart(index: number) {
+    const item = cart.value[index];
+
+    if (isCreateMode.value) {
+        try {
+            await apiFetch(`/admin/manage/purchases/draft-items/${item.raw_material_price_id}`, {
+                method: 'DELETE',
+            });
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Gagal menghapus item dari keranjang.');
+
+            return;
+        }
+    }
+
     cart.value.splice(index, 1);
 }
 
-function adjustQuantity(index: number, delta: number) {
+async function adjustQuantity(index: number, delta: number) {
     const item = cart.value[index];
     const nextQty = (Number(item.quantity) || 0) + delta;
 
     if (nextQty <= 0) {
-        removeFromCart(index);
+        await removeFromCart(index);
+
+        return;
+    }
+
+    if (isCreateMode.value) {
+        try {
+            await syncDraftItem(item.raw_material_price_id, nextQty);
+        } catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Gagal memperbarui jumlah item.');
+        }
 
         return;
     }
@@ -174,6 +248,27 @@ function adjustQuantity(index: number, delta: number) {
     item.quantity = String(nextQty);
 }
 
+async function syncCartItemQuantity(index: number) {
+    const item = cart.value[index];
+    const nextQty = Number(item.quantity) || 0;
+
+    if (nextQty <= 0) {
+        await removeFromCart(index);
+
+        return;
+    }
+
+    if (!isCreateMode.value) {
+        return;
+    }
+
+    try {
+        await syncDraftItem(item.raw_material_price_id, nextQty);
+    } catch (error) {
+        toast.error(error instanceof Error ? error.message : 'Gagal memperbarui jumlah item.');
+    }
+}
+
 function buildFormData(): FormData {
     const formData = new FormData();
 
@@ -185,10 +280,12 @@ function buildFormData(): FormData {
     formData.append('discount', parseRupiah(form.discount));
     formData.append('notes', form.notes);
 
-    cart.value.forEach((item, index) => {
-        formData.append(`items[${index}][raw_material_price_id]`, String(item.raw_material_price_id));
-        formData.append(`items[${index}][quantity]`, item.quantity);
-    });
+    if (props.method === 'put') {
+        cart.value.forEach((item, index) => {
+            formData.append(`items[${index}][raw_material_price_id]`, String(item.raw_material_price_id));
+            formData.append(`items[${index}][quantity]`, item.quantity);
+        });
+    }
 
     const removeMediaIds = [...form.remove_media_ids];
 
@@ -353,7 +450,8 @@ function submit() {
                                                         <Minus class="size-3.5" />
                                                     </Button>
                                                     <Input v-model="item.quantity" type="number" min="0.0001"
-                                                        step="0.0001" class="h-8 text-center" />
+                                                        step="0.0001" class="h-8 text-center"
+                                                        @change="syncCartItemQuantity(index)" />
                                                     <Button type="button" variant="outline" size="icon"
                                                         class="size-8 shrink-0" @click="adjustQuantity(index, 1)">
                                                         <Plus class="size-3.5" />
diff --git a/resources/js/lib/api.ts b/resources/js/lib/api.ts
new file mode 100644
index 0000000..291d4c1
--- /dev/null
+++ b/resources/js/lib/api.ts
@@ -0,0 +1,36 @@
+function getXsrfToken(): string {
+    const match = document.cookie
+        .split('; ')
+        .find((row) => row.startsWith('XSRF-TOKEN='));
+
+    return match ? decodeURIComponent(match.split('=')[1] ?? '') : '';
+}
+
+export async function apiFetch<T>(url: string, options: RequestInit = {}): Promise<T> {
+    const response = await fetch(url, {
+        ...options,
+        headers: {
+            Accept: 'application/json',
+            'Content-Type': 'application/json',
+            'X-XSRF-TOKEN': getXsrfToken(),
+            'X-Requested-With': 'XMLHttpRequest',
+            ...options.headers,
+        },
+        credentials: 'same-origin',
+    });
+
+    if (!response.ok) {
+        const error = await response.json().catch(() => ({})) as {
+            message?: string;
+            errors?: Record<string, string[]>;
+        };
+
+        const firstValidationError = error.errors
+            ? Object.values(error.errors).flat()[0]
+            : undefined;
+
+        throw new Error(firstValidationError ?? error.message ?? 'Permintaan gagal diproses.');
+    }
+
+    return response.json() as Promise<T>;
+}
diff --git a/resources/js/pages/admin/manage/orders/Create.vue b/resources/js/pages/admin/manage/orders/Create.vue
index a281de2..dad5053 100644
--- a/resources/js/pages/admin/manage/orders/Create.vue
+++ b/resources/js/pages/admin/manage/orders/Create.vue
@@ -4,13 +4,14 @@ import { ArrowLeft } from '@lucide/vue';
 import OrderPosForm from '@/components/admin/manage/orders/OrderPosForm.vue';
 import { Button } from '@/components/ui/button';
 import AdminLayout from '@/layouts/AdminLayout.vue';
-import type { EnumOption, OrderCatalogItem, SelectOption } from '@/types/order';
+import type { EnumOption, OrderCartItem, OrderCatalogItem, SelectOption } from '@/types/order';
 
 defineProps<{
     customers: SelectOption[];
     catalog: OrderCatalogItem[];
     channels: EnumOption[];
     storePriceTypes: EnumOption[];
+    draftItems: OrderCartItem[];
 }>();
 </script>
 
@@ -38,6 +39,7 @@ defineProps<{
             :catalog="catalog"
             :channels="channels"
             :store-price-types="storePriceTypes"
+            :draft-items="draftItems"
             submit-url="/admin/manage/orders"
             method="post"
             submit-label="Simpan"
diff --git a/resources/js/pages/admin/manage/purchases/Create.vue b/resources/js/pages/admin/manage/purchases/Create.vue
index 0598880..312991c 100644
--- a/resources/js/pages/admin/manage/purchases/Create.vue
+++ b/resources/js/pages/admin/manage/purchases/Create.vue
@@ -4,11 +4,12 @@ import { ArrowLeft } from '@lucide/vue';
 import PurchasePosForm from '@/components/admin/manage/purchases/PurchasePosForm.vue';
 import { Button } from '@/components/ui/button';
 import AdminLayout from '@/layouts/AdminLayout.vue';
-import type { PurchaseCatalogItem, SelectOption } from '@/types/purchase';
+import type { PurchaseCartItem, PurchaseCatalogItem, SelectOption } from '@/types/purchase';
 
 defineProps<{
     suppliers: SelectOption[];
     catalog: PurchaseCatalogItem[];
+    draftItems: PurchaseCartItem[];
 }>();
 </script>
 
@@ -34,6 +35,7 @@ defineProps<{
         <PurchasePosForm
             :suppliers="suppliers"
             :catalog="catalog"
+            :draft-items="draftItems"
             submit-url="/admin/manage/purchases"
             method="post"
             submit-label="Simpan"
diff --git a/routes/web.php b/routes/web.php
index 4759688..9c3d1a7 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -15,7 +15,9 @@
 use App\Http\Controllers\Admin\Hr\LeaveRequestController;
 use App\Http\Controllers\Admin\Manage\CuttingController;
 use App\Http\Controllers\Admin\Manage\OrderController;
+use App\Http\Controllers\Admin\Manage\OrderDraftItemController;
 use App\Http\Controllers\Admin\Manage\PurchaseController;
+use App\Http\Controllers\Admin\Manage\PurchaseDraftItemController;
 use App\Http\Controllers\Admin\Master\CategoryController;
 use App\Http\Controllers\Admin\Master\CustomerController;
 use App\Http\Controllers\Admin\Master\ProductController;
@@ -168,6 +170,14 @@
                         ->middleware('permission:'.Permission::PURCHASES_CREATE->value)
                         ->name('create');
 
+                    Route::post('draft-items', [PurchaseDraftItemController::class, 'store'])
+                        ->middleware('permission:'.Permission::PURCHASES_CREATE->value)
+                        ->name('draft-items.store');
+
+                    Route::delete('draft-items/{rawMaterialPrice}', [PurchaseDraftItemController::class, 'destroy'])
+                        ->middleware('permission:'.Permission::PURCHASES_CREATE->value)
+                        ->name('draft-items.destroy');
+
                     Route::post('/', [PurchaseController::class, 'store'])
                         ->middleware('permission:'.Permission::PURCHASES_CREATE->value)
                         ->name('store');
@@ -194,6 +204,18 @@
                         ->middleware('permission:'.Permission::ORDERS_CREATE->value)
                         ->name('create');
 
+                    Route::post('draft-items', [OrderDraftItemController::class, 'store'])
+                        ->middleware('permission:'.Permission::ORDERS_CREATE->value)
+                        ->name('draft-items.store');
+
+                    Route::put('draft-items/resync-prices', [OrderDraftItemController::class, 'resyncPrices'])
+                        ->middleware('permission:'.Permission::ORDERS_CREATE->value)
+                        ->name('draft-items.resync-prices');
+
+                    Route::delete('draft-items/{productVariant}', [OrderDraftItemController::class, 'destroy'])
+                        ->middleware('permission:'.Permission::ORDERS_CREATE->value)
+                        ->name('draft-items.destroy');
+
                     Route::post('/', [OrderController::class, 'store'])
                         ->middleware('permission:'.Permission::ORDERS_CREATE->value)
                         ->name('store');