diff --git a/app/Livewire/Forms/Studio/Catalog/BottleForm.php b/app/Livewire/Forms/Studio/Catalog/BottleForm.php
index 3df2c7f..c31d1c2 100644
--- a/app/Livewire/Forms/Studio/Catalog/BottleForm.php
+++ b/app/Livewire/Forms/Studio/Catalog/BottleForm.php
@@ -34,7 +34,7 @@ public function rules(): array
         return [
             'name' => ['required', 'string', 'max:50'],
             'size' => ['required', new UnsignedInteger],
-            'cost_price' => ['required', new UnsignedInteger],
+            'cost_price' => [Rule::requiredIf(auth()->user()->can('view cogs')), new UnsignedInteger],
             'sale_price' => ['required', new UnsignedInteger],
             'description' => ['nullable', 'string'],
             'outlet_ids' => ['required', 'array', 'min:1'],
@@ -102,7 +102,7 @@ private function prepareSavedData(): array
         return [
             'name' => $this->name,
             'size' => $this->size,
-            'cost_price' => replaceCurrency($this->cost_price),
+            'cost_price' => replaceCurrency($this->cost_price == '' ? '0' : $this->cost_price),
             'sale_price' => replaceCurrency($this->sale_price),
             'point_per_pcs' => round($this->sale_price / 100),
             'description' => $this->description,
diff --git a/app/Livewire/Forms/Studio/Catalog/PerfumeForm.php b/app/Livewire/Forms/Studio/Catalog/PerfumeForm.php
index b0eaf13..9983cb3 100644
--- a/app/Livewire/Forms/Studio/Catalog/PerfumeForm.php
+++ b/app/Livewire/Forms/Studio/Catalog/PerfumeForm.php
@@ -53,7 +53,7 @@ public function rules(): array
                 Rule::unique('perfumes', 'sku')->ignore($this->perfume),
             ],
             'brand_id' => ['nullable', Rule::exists('brands', 'id')],
-            'cost_price' => ['required', new UnsignedInteger],
+            'cost_price' => [Rule::requiredIf(auth()->user()->can('view cogs')), new UnsignedInteger],
             'sale_price' => ['required', new UnsignedInteger],
             'base_notes' => ['nullable', 'string', 'max:255'],
             'middle_notes' => ['nullable', 'string', 'max:255'],
@@ -145,7 +145,7 @@ private function prepareSavedData()
         return [
             'name' => $this->name,
             'sku' => $this->sku,
-            'cost_price' => replaceCurrency($this->cost_price),
+            'cost_price' => replaceCurrency($this->cost_price == '' ? '0' : $this->cost_price),
             'sale_price' => replaceCurrency($this->sale_price),
             'point_per_ml' => round($this->sale_price / 100),
             'base_notes' => $this->base_notes,
diff --git a/app/Livewire/Forms/Studio/Catalog/ProductForm.php b/app/Livewire/Forms/Studio/Catalog/ProductForm.php
index c8f39ad..e7c27e1 100644
--- a/app/Livewire/Forms/Studio/Catalog/ProductForm.php
+++ b/app/Livewire/Forms/Studio/Catalog/ProductForm.php
@@ -39,7 +39,7 @@ public function rules(): array
                 'max:20',
                 Rule::unique('products', 'sku')->ignore($this->product),
             ],
-            'cost_price' => ['required', new UnsignedInteger],
+            'cost_price' => [Rule::requiredIf(auth()->user()->can('view cogs')), new UnsignedInteger],
             'sale_price' => ['required', new UnsignedInteger],
             'description' => ['nullable', 'string'],
             'outlet_ids' => ['required', 'array', 'min:1'],
@@ -112,7 +112,7 @@ private function prepareSavedData()
         return [
             'name' => $this->name,
             'sku' => $this->sku,
-            'cost_price' => replaceCurrency($this->cost_price),
+            'cost_price' => replaceCurrency($this->cost_price == '' ? '0' : $this->cost_price),
             'sale_price' => replaceCurrency($this->sale_price),
             'point_per_pcs' => round($this->sale_price / 100),
             'description' => $this->description,
diff --git a/resources/views/livewire/studio/catalog/bottle/form.blade.php b/resources/views/livewire/studio/catalog/bottle/form.blade.php
index 0194c78..f2fa58e 100644
--- a/resources/views/livewire/studio/catalog/bottle/form.blade.php
+++ b/resources/views/livewire/studio/catalog/bottle/form.blade.php
@@ -20,8 +20,8 @@
                                 <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                                     <flux:field>
                                         <flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
-                                        <flux:input placeholder="Le Labo"
-                                            wire:model.live.debounce.500ms="form.name" autofocus autocomplete="off" />
+                                        <flux:input placeholder="Le Labo" wire:model.live.debounce.500ms="form.name"
+                                            autofocus autocomplete="off" />
                                         <flux:error name="form.name" />
                                     </flux:field>
 
@@ -32,18 +32,20 @@
                                         <flux:error name="form.size" />
                                     </flux:field>
 
-                                    <flux:field>
-                                        <flux:label>Harga Beli <span class="text-red-500 ms-1">*</span></flux:label>
-                                        <flux:input.group>
-                                            <flux:input.group.prefix>Rp</flux:input.group.prefix>
-                                            <flux:input placeholder="Masukkan harga beli"
-                                                x-mask:dynamic="$money($input, ',')"
-                                                wire:model.live.debounce.500ms="form.cost_price" autocomplete="off" />
-                                        </flux:input.group>
-                                        <flux:error name="form.cost_price" />
-                                    </flux:field>
+                                    @can('view cogs')
+                                        <flux:field>
+                                            <flux:label>Harga Beli <span class="text-red-500 ms-1">*</span></flux:label>
+                                            <flux:input.group>
+                                                <flux:input.group.prefix>Rp</flux:input.group.prefix>
+                                                <flux:input placeholder="Masukkan harga beli"
+                                                    x-mask:dynamic="$money($input, ',')"
+                                                    wire:model.live.debounce.500ms="form.cost_price" autocomplete="off" />
+                                            </flux:input.group>
+                                            <flux:error name="form.cost_price" />
+                                        </flux:field>
+                                    @endcan
 
-                                    <flux:field>
+                                    <flux:field class="col-span-{{ auth()->user()->can('view cogs') ? '1' : '2' }}">
                                         <flux:label>Harga Jual <span class="text-red-500 ms-1">*</span></flux:label>
                                         <flux:input.group>
                                             <flux:input.group.prefix>Rp</flux:input.group.prefix>
diff --git a/resources/views/livewire/studio/catalog/perfume/form.blade.php b/resources/views/livewire/studio/catalog/perfume/form.blade.php
index 051fc9c..5ab484d 100644
--- a/resources/views/livewire/studio/catalog/perfume/form.blade.php
+++ b/resources/views/livewire/studio/catalog/perfume/form.blade.php
@@ -33,7 +33,8 @@
                                     </flux:field>
 
                                     <div class="lg:col-span-2">
-                                        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+                                        <div
+                                            class="grid grid-cols-1 md:grid-cols-{{ auth()->user()->can('view cogs') ? '3' : '2' }} gap-6">
                                             <flux:select variant="listbox" searchable placeholder="Pilih Merek"
                                                 label="Merek" wire:model.live.debounce.500ms="form.brand_id">
                                                 @foreach ($brands as $key => $value)
@@ -42,17 +43,19 @@
                                                 @endforeach
                                             </flux:select>
 
-                                            <flux:field>
-                                                <flux:label>Harga Beli <span class="text-red-500 ms-1">*</span>
-                                                </flux:label>
-                                                <flux:input.group>
-                                                    <flux:input.group.prefix>Rp</flux:input.group.prefix>
-                                                    <flux:input placeholder="xxx" x-mask:dynamic="$money($input, ',')"
-                                                        wire:model.live.debounce.500ms="form.cost_price"
-                                                        autocomplete="off" />
-                                                </flux:input.group>
-                                                <flux:error name="form.cost_price" />
-                                            </flux:field>
+                                            @can('view cogs')
+                                                <flux:field>
+                                                    <flux:label>Harga Beli <span class="text-red-500 ms-1">*</span>
+                                                    </flux:label>
+                                                    <flux:input.group>
+                                                        <flux:input.group.prefix>Rp</flux:input.group.prefix>
+                                                        <flux:input placeholder="xxx" x-mask:dynamic="$money($input, ',')"
+                                                            wire:model.live.debounce.500ms="form.cost_price"
+                                                            autocomplete="off" />
+                                                    </flux:input.group>
+                                                    <flux:error name="form.cost_price" />
+                                                </flux:field>
+                                            @endcan
 
                                             <flux:field>
                                                 <flux:label>Harga Jual <span class="text-red-500 ms-1">*</span>
diff --git a/resources/views/livewire/studio/catalog/product/form.blade.php b/resources/views/livewire/studio/catalog/product/form.blade.php
index 360b441..e48ee2c 100644
--- a/resources/views/livewire/studio/catalog/product/form.blade.php
+++ b/resources/views/livewire/studio/catalog/product/form.blade.php
@@ -20,8 +20,8 @@
                                 <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                                     <flux:field>
                                         <flux:label>Nama <span class="text-red-500 ms-1">*</span></flux:label>
-                                        <flux:input placeholder="Air Zam Zam"
-                                            wire:model.live.debounce.500ms="form.name" autofocus autocomplete="off" />
+                                        <flux:input placeholder="Air Zam Zam" wire:model.live.debounce.500ms="form.name"
+                                            autofocus autocomplete="off" />
                                         <flux:error name="form.name" />
                                     </flux:field>
 
@@ -32,18 +32,20 @@
                                         <flux:error name="form.sku" />
                                     </flux:field>
 
-                                    <flux:field>
-                                        <flux:label>Harga Beli <span class="text-red-500 ms-1">*</span></flux:label>
-                                        <flux:input.group>
-                                            <flux:input.group.prefix>Rp</flux:input.group.prefix>
-                                            <flux:input placeholder="Masukkan harga beli"
-                                                x-mask:dynamic="$money($input, ',')"
-                                                wire:model.live.debounce.500ms="form.cost_price" autocomplete="off" />
-                                        </flux:input.group>
-                                        <flux:error name="form.cost_price" />
-                                    </flux:field>
+                                    @can('view cogs')
+                                        <flux:field>
+                                            <flux:label>Harga Beli <span class="text-red-500 ms-1">*</span></flux:label>
+                                            <flux:input.group>
+                                                <flux:input.group.prefix>Rp</flux:input.group.prefix>
+                                                <flux:input placeholder="Masukkan harga beli"
+                                                    x-mask:dynamic="$money($input, ',')"
+                                                    wire:model.live.debounce.500ms="form.cost_price" autocomplete="off" />
+                                            </flux:input.group>
+                                            <flux:error name="form.cost_price" />
+                                        </flux:field>
+                                    @endcan
 
-                                    <flux:field>
+                                    <flux:field class="col-span-{{ auth()->user()->can('view cogs') ? '1' : '2' }}">
                                         <flux:label>Harga Jual <span class="text-red-500 ms-1">*</span></flux:label>
                                         <flux:input.group>
                                             <flux:input.group.prefix>Rp</flux:input.group.prefix>