From c23e791c5e512918da99a433a329b068406f8e72 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Fri, 19 Jun 2026 21:26:19 +0700
Subject: [PATCH] refactor: update RawMaterialForm.vue to improve layout
 responsiveness and remove unused components for a cleaner UI

---
 .../master/raw-materials/RawMaterialForm.vue   | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/resources/js/components/admin/master/raw-materials/RawMaterialForm.vue b/resources/js/components/admin/master/raw-materials/RawMaterialForm.vue
index a446f09..6a88efd 100644
--- a/resources/js/components/admin/master/raw-materials/RawMaterialForm.vue
+++ b/resources/js/components/admin/master/raw-materials/RawMaterialForm.vue
@@ -15,7 +15,6 @@ import {
     FieldLabel,
     FieldSet,
 } from '@/components/ui/field';
-import FieldDescription from '@/components/ui/field/FieldDescription.vue';
 import { Input } from '@/components/ui/input';
 import {
     Select,
@@ -236,7 +235,7 @@ function submit() {
                 </CardHeader>
                 <CardContent>
                     <FieldGroup>
-                        <FieldSet class="grid gap-4 md:grid-cols-2">
+                        <FieldSet :class="['grid gap-4', method === 'put' ? 'md:grid-cols-1' : 'md:grid-cols-2']">
                             <Field>
                                 <FieldLabel for="name" required>Nama Bahan Baku</FieldLabel>
                                 <Input id="name" v-model="form.name" type="text"
@@ -244,9 +243,9 @@ function submit() {
                                 <FieldError :errors="formErrors(form, 'name')" />
                             </Field>
 
-                            <Field>
+                            <Field v-if="method !== 'put'">
                                 <FieldLabel for="unit" required>Satuan</FieldLabel>
-                                <Select v-if="!isEditMode" v-model="form.unit">
+                                <Select v-model="form.unit">
                                     <SelectTrigger id="unit" class="w-full">
                                         <SelectValue placeholder="Pilih satuan" />
                                     </SelectTrigger>
@@ -256,13 +255,6 @@ function submit() {
                                         </SelectItem>
                                     </SelectContent>
                                 </Select>
-                                <div v-else id="unit"
-                                    class="flex h-9 w-full items-center rounded-md border bg-muted/40 px-3 text-sm">
-                                    {{ unitLabel }}
-                                </div>
-                                <p v-if="isEditMode" class="text-xs text-muted-foreground">
-                                    Satuan tidak dapat diubah agar stok tetap konsisten.
-                                </p>
                                 <FieldError :errors="formErrors(form, 'unit')" />
                             </Field>
                         </FieldSet>
@@ -313,7 +305,7 @@ function submit() {
                 </CardHeader>
                 <CardContent>
                     <FieldGroup>
-                        <FieldSet class="grid gap-4 md:grid-cols-3">
+                        <FieldSet :class="['grid gap-4', method === 'put' ? 'md:grid-cols-1' : 'md:grid-cols-3']">
                             <Field>
                                 <FieldLabel :for="`variant_${price.client_id}`" required>
                                     Nama Varian
@@ -324,7 +316,7 @@ function submit() {
                                 <FieldError
                                     :errors="priceError(price.client_id, 'variant') ? [priceError(price.client_id, 'variant')!] : []" />
                             </Field>
-                            <Field>
+                            <Field v-if="method !== 'put'">
                                 <FieldLabel :for="`stock_${price.client_id}`" required>
                                     Stok
                                 </FieldLabel>