app/Http/Controllers/FotoSementaraController.php

@@ -10,12 +10,8 @@ class FotoSementaraController extends Controller
 {
     public function upload(Request $request)
     {
-        $user = $request->user();
-        if (!$user) {
-            return response()->json(['message' => 'Unauthorized'], 401);
-        }
-
         $request->validate([
+            'id_user' => 'required|exists:users,id',
             'foto'      => 'required|image|mimes:jpg,jpeg,png|max:2048',
         ]);
 
@@ -23,20 +19,15 @@ class FotoSementaraController extends Controller
         $url = asset('storage/' . $path);
 
         $foto = FotoSementara::create([
-            'id_user' => $user->id,
+            'id_user' => $request->id_user,
             'url'       => $url,
         ]);
 
         return response()->json($foto, 201);
     }
 
-    public function hapus(Request $request, int $id)
+    public function hapus($id)
     {
-        $user = $request->user();
-        if (!$user) {
-            return response()->json(['message' => 'Unauthorized'], 401);
-        }
-
         $foto = FotoSementara::findOrFail($id);
 
         // Extract the relative path from the URL
@@ -51,25 +42,18 @@ class FotoSementaraController extends Controller
         return response()->json(['message' => 'Foto berhasil dihapus']);
     }
 
-    public function getAll(Request $request)
+    public function getAll($user_id)
     {
-        $user = $request->user();
+        $data = FotoSementara::where('id_user', $user_id);
-        if (!$user) {
+        if (!$data->exists()) {
-            return response()->json(['message' => 'Unauthorized'], 401);
+            return response()->json(['message' => 'Tidak ada foto ditemukan'], 404);
         }
-
-        $data = FotoSementara::where('id_user', $user->id)->get();
         return response()->json($data);
     }
     
-    public function reset(Request $request)
+    public function reset($user_id)
     {
-        $user = $request->user();
+        FotoSementara::where('id_user', $user_id)->delete();
-        if (!$user) {
-            return response()->json(['message' => 'Unauthorized'], 401);
-        }
-
-        FotoSementara::where('id_user', $user->id)->delete();
         return response()->json(['message' => 'Foto sementara berhasil direset']);
     }
 }

app/Http/Controllers/ItemController.php

@@ -31,8 +31,6 @@ class ItemController extends Controller
 
         $item = Item::create($validated);
 
-        $item->load('nampan');
-
         return response()->json([
             'message' => 'Item berhasil dibuat',
             'data' => $item

app/Http/Controllers/ProdukController.php

@@ -26,56 +26,63 @@ class ProdukController extends Controller
      */
     public function store(Request $request)
     {
-        $user = $request->user();
+        $validated = $request->validate([
-        if (!$user) {
+            'nama' => 'required|string|max:100',
-            return response()->json(['message' => 'Unauthorized'], 401);
+            'id_kategori' => 'required|exists:kategoris,id',
-        }
+            'berat' => 'required|numeric',
-
+            'kadar' => 'required|integer',
-        $validated = $request->validate(
+            'harga_per_gram' => 'required|numeric',
-            [
+            'harga_jual' => 'required|numeric',
-                'nama'          => 'required|string|max:100',
+            'id_user' => 'nullable|exists:users,id',
-                'id_kategori'   => 'required|exists:kategoris,id',
+        ],
-                'berat'         => 'required|numeric',
+        [
-                'kadar'         => 'required|integer',
+            'nama.required' => 'Nama produk harus diisi.',
-                'harga_per_gram' => 'required|numeric',
+            'id_kategori' => 'Kategori tidak valid.',
-                'harga_jual'    => 'required|numeric',
+            'berat.required' => 'Berat harus diisi.',
-            ],
+            'kadar.required' => 'Kadar harus diisi',
-            [
+            'harga_per_gram.required' => 'Harga per gram harus diisi',
-                'nama.required'         => 'Nama produk harus diisi.',
+            'harga_jual.required' => 'Harga jual harus diisi'
-                'id_kategori'           => 'Kategori tidak valid.',
+        ]);
-                'berat.required'        => 'Berat harus diisi.',
-                'kadar.required'        => 'Kadar harus diisi.',
-                'harga_per_gram.required' => 'Harga per gram harus diisi.',
-                'harga_jual.required'   => 'Harga jual harus diisi.'
-            ]
-        );
 
         DB::beginTransaction();
         try {
-            $produk = Produk::create($validated);
+            // Create produk
+            $produk = Produk::create([
+                'nama' => $validated['nama'],
+                'id_kategori' => $validated['id_kategori'],
+                'berat' => $validated['berat'],
+                'kadar' => $validated['kadar'],
+                'harga_per_gram' => $validated['harga_per_gram'],
+                'harga_jual' => $validated['harga_jual'],
+            ]);
 
-            $fotoSementara = FotoSementara::where('id_user', $user->id)->get();
+            // Pindahkan foto sementara ke foto permanen jika ada
+            if (isset($validated['id_user'])) {
+                $fotoSementara = FotoSementara::where('id_user', $validated['id_user'])->get();
 
-            foreach ($fotoSementara as $fs) {
+                foreach ($fotoSementara as $fs) {
-                Foto::create([
+                    Foto::create([
-                    'id_produk' => $produk->id,
+                        'id_produk' => $produk->id,
-                    'url'       => $fs->url
+                        'url' => $fs->url
-                ]);
+                    ]);
 
-                $fs->delete();
+                    // Hapus foto sementara setelah dipindah
+                    $fs->delete();
+                }
             }
 
             DB::commit();
 
             return response()->json([
                 'message' => 'Produk berhasil dibuat',
-                'data'    => $produk->load('foto')
+                'data' => $produk->load('foto')
             ], 201);
+
         } catch (\Exception $e) {
             DB::rollback();
             return response()->json([
                 'message' => 'Gagal membuat produk',
-                'error'   => $e->getMessage()
+                'error' => $e->getMessage()
             ], 500);
         }
     }
@@ -89,55 +96,29 @@ class ProdukController extends Controller
         return response()->json($produk);
     }
 
-    /**
-     * Get the specified resource to edit.
-     */
-    public function edit(Request $request, int $id)
-    {
-        $user = $request->user();
-        if (!$user) {
-            return response()->json(['message' => 'Unauthorized'], 401);
-        }
-
-        $produk = Produk::with('foto', 'kategori')->findOrFail($id);
-        $foto_sementara = [];
-        foreach ($produk->foto as $foto) {
-            $foto_sementara[] = FotoSementara::create([
-                'id_user' => $user->id,
-                'url'     => $foto->url
-            ]);
-        }
-        return response()->json($produk);
-    }
-
     /**
      * Update the specified resource in storage.
      */
     public function update(Request $request, int $id)
     {
-        $user = $request->user();
+        $validated = $request->validate([
-        if (!$user) {
+            'nama' => 'required|string|max:100',
-            return response()->json(['message' => 'Unauthorized'], 401);
+            'id_kategori' => 'required|exists:kategoris,id',
-        }
+            'berat' => 'required|numeric',
-
+            'kadar' => 'required|integer',
-        $validated = $request->validate(
+            'harga_per_gram' => 'required|numeric',
-            [
+            'harga_jual' => 'required|numeric',
-                'nama' => 'required|string|max:100',
+            'id_user' => 'nullable|exists:users,id', // untuk mengambil foto sementara baru
-                'id_kategori' => 'required|exists:kategoris,id',
+            'hapus_foto_lama' => 'nullable|boolean', // flag untuk menghapus foto lama
-                'berat' => 'required|numeric',
+        ],
-                'kadar' => 'required|integer',
+        [
-                'harga_per_gram' => 'required|numeric',
+            'nama.required' => 'Nama produk harus diisi.',
-                'harga_jual' => 'required|numeric',
+            'id_kategori' => 'Kategori tidak valid.',
-            ],
+            'berat.required' => 'Berat harus diisi.',
-            [
+            'kadar.required' => 'Kadar harus diisi',
-                'nama.required' => 'Nama produk harus diisi.',
+            'harga_per_gram.required' => 'Harga per gram harus diisi',
-                'id_kategori' => 'Kategori tidak valid.',
+            'harga_jual.required' => 'Harga jual harus diisi'
-                'berat.required' => 'Berat harus diisi.',
+        ]);
-                'kadar.required' => 'Kadar harus diisi',
-                'harga_per_gram.required' => 'Harga per gram harus diisi',
-                'harga_jual.required' => 'Harga jual harus diisi',
-            ]
-        );
 
         DB::beginTransaction();
         try {
@@ -153,29 +134,31 @@ class ProdukController extends Controller
                 'harga_jual' => $validated['harga_jual'],
             ]);
 
-            // Hapus foto lama
+            // Hapus foto lama jika diminta
-            foreach ($produk->foto as $foto) {
+            if (isset($validated['hapus_foto_lama']) && $validated['hapus_foto_lama']) {
-                // Hapus file fisik jika memungkinkan
+                foreach ($produk->foto as $foto) {
-                try {
+                    // Hapus file fisik
                     $relativePath = str_replace(asset('storage') . '/', '', $foto->url);
                     if (Storage::disk('public')->exists($relativePath)) {
                         Storage::disk('public')->delete($relativePath);
                     }
-                } catch (\Exception $e) {
+                    $foto->delete();
-                    // Maklum Pak, soalnya kadang url aja, ga ada file fisiknya #Bagas
                 }
-                $foto->delete();
             }
 
-            $fotoSementara = FotoSementara::where('id_user', $user->id)->get();
+            // Tambahkan foto baru dari foto sementara jika ada
+            if (isset($validated['id_user'])) {
+                $fotoSementara = FotoSementara::where('id_user', $validated['id_user'])->get();
 
-            foreach ($fotoSementara as $fs) {
+                foreach ($fotoSementara as $fs) {
-                Foto::create([
+                    Foto::create([
-                    'id_produk' => $produk->id,
+                        'id_produk' => $produk->id,
-                    'url' => $fs->url
+                        'url' => $fs->url
-                ]);
+                    ]);
 
-                $fs->delete();
+                    // Hapus foto sementara setelah dipindah
+                    $fs->delete();
+                }
             }
 
             DB::commit();
@@ -184,6 +167,7 @@ class ProdukController extends Controller
                 'message' => 'Produk berhasil diubah',
                 'data' => $produk->load('foto')
             ], 200);
+
         } catch (\Exception $e) {
             DB::rollback();
             return response()->json([
@@ -219,6 +203,7 @@ class ProdukController extends Controller
             return response()->json([
                 'message' => 'Produk berhasil dihapus.'
             ], 200);
+
         } catch (\Exception $e) {
             DB::rollback();
             return response()->json([

resources/js/components/BrankasList.vue

@@ -1,3 +1,4 @@
+// brankas list
 <template>
   <div v-if="loading" class="flex justify-center items-center h-screen">
     <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-C"></div>

resources/js/components/CreateItemModal.vue

@@ -1,9 +1,9 @@
 <template>
   <Modal :active="isOpen" size="md" @close="handleClose" clickOutside="false">
     <div class="p-6">
-      
+      <h3 class="text-lg font-semibold text-gray-900 mb-4">Item {{ product?.nama }}</h3>
+
       <div v-if="!success">
-        <h3 class="text-lg font-semibold text-gray-900 mb-4">Item {{ product?.nama }}</h3>
         <div class="mb-4">
           <label class="block text-gray-700 mb-2">Pilih Nampan</label>
           <InputSelect v-model="selectedNampan" :options="positionListOptions" :disabled="loading" />
@@ -31,22 +31,21 @@
       <!-- Success State -->
       <div v-else>
         <div class="text-center">
-          <h4 class="text-lg font-semibold text-gray-900 mb-2">Item Berhasil Dibuat!</h4>
+          <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
-          
+            <svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <!-- QR Code -->
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7">
-          <div class="flex justify-center mb-4">
+              </path>
-            <div class="p-2 border border-gray-300 rounded-lg">
+            </svg>
-              <img :src="qrCodeUrl" alt="QR Code" class="w-36 h-36" />
-            </div>
           </div>
 
-          <!-- Item Info -->
+          <h4 class="text-lg font-semibold text-gray-900 mb-2">Item Berhasil Dibuat!</h4>
-          <div class="text-center text-gray-700 font-medium mb-1">
+          <p class="text-gray-600 mb-2">
-            {{ createdItem?.kode_item }}
+            Item dari produk "<strong>{{ product?.nama }}</strong>" telah ditambahkan ke {{
-          </div>
+              selectedNampanName }}.
-          <div class="text-center text-gray-500 text-sm mb-6">
+          </p>
-            {{ product?.nama }} - {{ createdItem?.nampan?.nama || 'Brankas' }}
+          <p class="text-sm text-gray-500 mb-6">
-          </div>
+            ID Item: <strong>{{ createdItem.id }}</strong>
+          </p>
 
           <div class="flex flex-row justify-between gap-3">
             <button @click="handleClose"
@@ -54,8 +53,9 @@
               Selesai
             </button>
             <button @click="printItem"
-              class="flex-1 px-6 py-2 bg-C hover:bg-B text-D rounded-lg transition-colors">
+              class="flex-1 px-6 py-2 bg-C hover:bg-B text-D rounded-lg transition-colors opacity-50 cursor-not-allowed"
-              <i class="fas fa-print mr-1"></i>Print
+              disabled>
+              Print
             </button>
             <button @click="addNewItem"
               class="flex-1 px-6 py-2 bg-C hover:bg-B text-D rounded-lg transition-colors">
@@ -99,15 +99,15 @@ const success = ref(false);
 const loading = ref(false);
 const createdItem = ref(null);
 
-// QR Code generator - berdasarkan logika dari brankas list
+// Computed
-const qrCodeUrl = computed(() => {
+const selectedNampanName = computed(() => {
-  if (createdItem.value && props.product) {
+  if (!selectedNampan.value) return 'Brankas';
-    const itemId = createdItem.value.id || createdItem.value.kode_item;
+
-    const productName = props.product.nama.replace(/\s/g, "");
+  console.log("Selected nampan ID:", selectedNampan.value);
-    const data = `ITM-${itemId}-${productName}`;
+  const nampan = nampanList.value.find(n => n.id === Number(selectedNampan.value));
-    return `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent(data)}`;
+  console.log("All nampan:", nampanList.value);
-  }
+  console.log("Selected nampan:", nampan);
-  return "";
+  return nampan ? nampan.nama : 'Brankas';
 });
 
 // Methods
@@ -156,7 +156,6 @@ const createItem = async () => {
     createdItem.value = response.data.data
     console.log('Item created:', createdItem);
 
-    loadNampanList();
   } catch (error) {
     console.error('Error creating item:', error);
     alert('Gagal membuat item: ' + (error.response?.data?.message || error.message));
@@ -168,52 +167,10 @@ const createItem = async () => {
 const addNewItem = () => {
   success.value = false;
   selectedNampan.value = '';
-  createdItem.value = null;
 };
 
-// Fungsi print berdasarkan logika dari brankas list
 const printItem = () => {
-  if (qrCodeUrl.value && createdItem.value && props.product) {
+  alert('Wak waw');
-    const printWindow = window.open('', '_blank');
-    const itemCode = createdItem.value.kode_item || createdItem.value.id;
-    
-    printWindow.document.write(`
-      <html>
-        <head>
-          <title>Print QR Code - ${itemCode}</title>
-          <style>
-            body { 
-              font-family: Arial, sans-serif; 
-              text-align: center; 
-              padding: 20px; 
-            }
-            .qr-container { 
-              border: 2px solid #ccc; 
-              padding: 20px; 
-              display: inline-block; 
-              margin: 20px;
-            }
-            .item-info {
-              margin-top: 10px;
-              font-size: 14px;
-            }
-          </style>
-        </head>
-        <body>
-          <div class="qr-container">
-            <img src="${qrCodeUrl.value}" alt="QR Code" style="width: 200px; height: 200px;" />
-            <div class="item-info">
-              <div style="font-weight: bold; margin-bottom: 5px;">${itemCode}</div>
-              <div>${props.product.nama}</div>
-              <div style="color: #666; margin-top: 5px;">${props.product.berat}g</div>
-            </div>
-          </div>
-        </body>
-      </html>
-    `);
-    printWindow.document.close();
-    printWindow.print();
-  }
 };
 
 const handleClose = () => {
@@ -221,7 +178,6 @@ const handleClose = () => {
   selectedNampan.value = '';
   success.value = false;
   loading.value = false;
-  createdItem.value = null;
 
   emit('close');
 };
@@ -232,9 +188,8 @@ watch(() => props.isOpen, (newValue) => {
     selectedNampan.value = '';
     success.value = false;
     loading.value = false;
-    createdItem.value = null;
 
     loadNampanList();
   }
 });
-</script>
+</script>

resources/js/pages/EditProduk.vue

@@ -225,7 +225,6 @@ import mainLayout from "../layouts/mainLayout.vue";
 import InputField from "../components/InputField.vue";
 import InputSelect from "../components/InputSelect.vue";
 import CreateItemModal from "../components/CreateItemModal.vue";
-import { errorMessages } from "@vue/compiler-core";
 
 const route = useRoute();
 const router = useRouter();
@@ -251,6 +250,7 @@ const fileInput = ref(null);
 
 const openItemModal = ref(false);
 const editedProduct = ref(null);
+const userId = ref(1); // TODO: ambil dari auth
 
 const isFormValid = computed(() => {
     return (
@@ -281,14 +281,12 @@ const loadKategori = async () => {
 };
 
 const loadProduk = async () => {
-    const response = await axios.get(`/api/produk/edit/${productId}`, {
+    const response = await axios.get(`/api/produk/${productId}`, {
         headers: {
             Authorization: `Bearer ${localStorage.getItem("token")}`,
         },
     });
     const produk = response.data;
-    console.log(produk);
-    
     form.value = {
         nama: produk.nama,
         id_kategori: produk.id_kategori,
@@ -297,22 +295,7 @@ const loadProduk = async () => {
         harga_per_gram: produk.harga_per_gram,
         harga_jual: produk.harga_jual,
     };
-};
+    uploadedImages.value = produk.foto || [];
-
-const loadFoto = async () => {
-    try {
-        const response = await axios.get(`/api/foto`, {
-            headers: {
-                Authorization: `Bearer ${localStorage.getItem("token")}`,
-            },
-        });
-        uploadedImages.value = response.data;
-        console.log(uploadedImages.value);
-    } catch (e) {
-        console.error(e);
-        
-        uploadError.value = "Gagal memuat foto";
-    }
 };
 
 const triggerFileInput = () => {
@@ -335,65 +318,35 @@ const handleDrop = (e) => {
 };
 
 const uploadFiles = async (files) => {
-  uploadError.value = '';
+    uploadError.value = "";
-
+    const validFiles = files.filter(
-  if (uploadedImages.value.length + files.length > 6) {
+        (file) =>
-    uploadError.value = 'Maksimal 6 foto yang dapat diupload';
+            ["image/jpeg", "image/jpg", "image/png"].includes(file.type) &&
-    return;
+            file.size <= 2 * 1024 * 1024
-  }
+    );
-
+    if (!validFiles.length) return;
-  const validFiles = files.filter(file => {
+    uploadLoading.value = true;
-    const isValidType = ['image/jpeg', 'image/jpg', 'image/png'].includes(file.type);
+    try {
-    const isValidSize = file.size <= 2 * 1024 * 1024;
+        for (const file of validFiles) {
-
+            const formData = new FormData();
-    if (!isValidType) {
+            formData.append("foto", file);
-      uploadError.value = 'Format file harus JPG, JPEG, atau PNG';
+            formData.append("id_user", userId.value);
-      return false;
+            const res = await axios.post("/api/foto/upload", formData, {
+                headers: {
+                    Authorization: `Bearer ${localStorage.getItem("token")}`,
+                    "Content-Type": "multipart/form-data",
+                },
+            });
+            uploadedImages.value.push(res.data);
+        }
+    } finally {
+        uploadLoading.value = false;
     }
-
-    if (!isValidSize) {
-      uploadError.value = 'Ukuran file maksimal 2MB';
-      return false;
-    }
-
-    return true;
-  });
-
-  if (validFiles.length === 0) return;
-
-  uploadLoading.value = true;
-
-  try {
-    for (const file of validFiles) {
-      const formData = new FormData();
-      formData.append('foto', file);
-
-      const response = await axios.post('/api/foto', formData, {
-        headers: {
-          Authorization: `Bearer ${localStorage.getItem("token")}`,
-          'Content-Type': 'multipart/form-data',
-
-        },
-      });
-
-      uploadedImages.value.push(response.data);
-    }
-
-    if (fileInput.value) {
-      fileInput.value.value = '';
-    }
-
-  } catch (error) {
-    console.error('Upload error:', error);
-    uploadError.value = error.response?.data?.message || 'Gagal mengupload foto';
-  } finally {
-    uploadLoading.value = false;
-  }
 };
 
 const removeImage = async (id) => {
     try {
-        await axios.delete(`/api/foto/${id}`, {
+        await axios.delete(`http://127.0.0.1:8000/api/foto/hapus/${id}`, {
             headers: {
                 Authorization: `Bearer ${localStorage.getItem("token")}`,
             },
@@ -408,16 +361,21 @@ const submitForm = async () => {
     loading.value = true;
     try {
         await axios.put(
-            `/api/produk/${productId}`,form.value,
+            `/api/produk/${productId}`,
+            {
+                ...form.value,
+                id_user: userId.value,
+            },
             {
                 headers: {
                     Authorization: `Bearer ${localStorage.getItem("token")}`,
                 },
             }
         );
+        alert("Produk berhasil diupdate!");
         router.push("/produk");
     } catch (err) {
-        errorMessages.value = err.response?.data?.message || "Gagal menyimpan produk";
+        alert("Gagal update produk!");
         console.error(err);
     } finally {
         loading.value = false;
@@ -432,10 +390,8 @@ const back = () => {
     router.push("/produk");
 };
 
-onMounted(async () => {
+onMounted(() => {
-    await loadKategori();
+    loadKategori();
-    await loadProduk();
+    loadProduk();
-    loadFoto();
 });
-
 </script>

resources/js/pages/InputProduk.vue

@@ -1,7 +1,11 @@
 <template>
   <mainLayout>
     <!-- Modal Buat Item - Sekarang menggunakan komponen terpisah -->
-    <CreateItemModal :isOpen="openItemModal" :product="createdProduct" @close="closeItemModal" />
+    <CreateItemModal
+      :isOpen="openItemModal"
+      :product="createdProduct"
+      @close="closeItemModal"
+    />
     <div class="p-6">
       <p class="font-serif italic text-[25px] text-D">Produk Baru</p>
 
@@ -164,6 +168,8 @@ const uploadedImages = ref([]);
 const isDragging = ref(false);
 const uploadError = ref('');
 const fileInput = ref(null);
+// TODO: Logika autentikasi user
+const userId = ref(1);
 
 const openItemModal = ref(false);
 const createdProduct = ref(null);
@@ -186,24 +192,22 @@ const calculateHargaJual = () => {
   }
 };
 
-const loadFoto = async () => {
+const loadExistingPhotos = async () => {
-  loading.value = true;
-
   try {
-    const response = await axios.get(`/api/foto`, {
+    const response = await axios.get(`/api/foto/${userId.value}`, {
       headers: {
         Authorization: `Bearer ${localStorage.getItem("token")}`,
       },
     });
-    uploadedImages.value = response.data;
+    if (response.data && Array.isArray(response.data)) {
-    console.log(uploadedImages.value);
+      uploadedImages.value = response.data;
-  } catch (e) {
+    }
-    console.error(e);
+  } catch (error) {
-
+    if (error.response?.status !== 404) {
-    uploadError.value = "Gagal memuat foto";
+      console.error('Error loading existing photos:', error);
+    }
   }
-  loading.value = false;
+};
-}
 
 const openCreateItemModal = (product) => {
   createdProduct.value = product;
@@ -271,11 +275,12 @@ const uploadFiles = async (files) => {
     for (const file of validFiles) {
       const formData = new FormData();
       formData.append('foto', file);
+      formData.append('id_user', userId.value);
 
-      const response = await axios.post('/api/foto', formData, {
+      const response = await axios.post('/api/foto/upload', formData, {
         headers: {
-          Authorization: `Bearer ${localStorage.getItem("token")}`,
+        Authorization: `Bearer ${localStorage.getItem("token")}`,
-          'Content-Type': 'multipart/form-data',
+        'Content-Type': 'multipart/form-data',
 
         },
       });
@@ -295,17 +300,20 @@ const uploadFiles = async (files) => {
   }
 };
 
-const removeImage = async (id) => {
+const removeImage = async (imageId) => {
-    try {
+  try {
-        await axios.delete(`/api/foto/${id}`, {
+    await axios.delete(`/api/foto/hapus/${imageId}`, {
-            headers: {
+      headers: {
-                Authorization: `Bearer ${localStorage.getItem("token")}`,
+        Authorization: `Bearer ${localStorage.getItem("token")}`,
-            },
+      },
-        });
+    })
-        uploadedImages.value = uploadedImages.value.filter((i) => i.id !== id);
+;
-    } catch {
+    uploadedImages.value = uploadedImages.value.filter(img => img.id !== imageId);
-        uploadError.value = "Gagal menghapus foto";
+    uploadError.value = '';
-    }
+  } catch (error) {
+    console.error('Delete error:', error);
+    uploadError.value = 'Gagal menghapus foto';
+  }
 };
 
 const submitForm = async (addItem) => {
@@ -317,13 +325,16 @@ const submitForm = async (addItem) => {
   loading.value = true;
 
   try {
-    const response = await axios.post('/api/produk', form.value,
+    const response = await axios.post('/api/produk', {
-      {
+    ...form.value,
-        headers: {
+    id_user: userId.value,
-          Authorization: `Bearer ${localStorage.getItem("token")}`,
+  },
-        },
+  {
-      }
+    headers: {
-    );
+      Authorization: `Bearer ${localStorage.getItem("token")}`,
+    },
+  }
+);
 
     const createdProductData = response.data.data;
 
@@ -394,7 +405,7 @@ const back = () => {
 };
 
 onMounted(() => {
-  loadFoto();
+  loadExistingPhotos();
   loadKategori();
 });
 </script>

routes/web.php

@@ -32,11 +32,10 @@ Route::prefix('api')->group(function () {
         Route::delete('kosongkan-nampan', [NampanController::class, 'kosongkan']);
 
         // Foto Sementara
-        Route::get('foto', [FotoSementaraController::class, 'getAll']);
+        Route::post('foto/upload', [FotoSementaraController::class, 'upload']);
-        Route::post('foto', [FotoSementaraController::class, 'upload']);
+        Route::delete('foto/hapus/{id}', [FotoSementaraController::class, 'hapus']);
-        Route::delete('foto/{id}', [FotoSementaraController::class, 'hapus']);
+        Route::get('foto/{user_id}', [FotoSementaraController::class, 'getAll']);
-        Route::get('produk/edit/{id}', [ProdukController::class, 'edit']);
+        Route::delete('foto/reset/{user_id}', [FotoSementaraController::class, 'reset']);
-        Route::delete('foto/all', [FotoSementaraController::class, 'reset']);
 
         // Laporan
         Route::prefix('laporan')->group(function () {