fix: settings master

app/Http/Controllers/PpnController.php

      */
     public function index()
     {
-        $ppn = Ppn::first()->ppn;
-
-        return inertia("PPN/Index", compact("ppn"));
+        //
     }
 
     /**

app/Http/Controllers/SettingController.php

+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Ppn;
+use Illuminate\Http\Request;
+
+class SettingController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function index()
+    {
+        return inertia("Settings/Index", [
+            "ppn" => Ppn::first()->ppn,
+        ]);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function create()
+    {
+        //
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(Request $request)
+    {
+        //
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function show($id)
+    {
+        //
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function edit($id)
+    {
+        //
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function update(Request $request, $id)
+    {
+        //
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function destroy($id)
+    {
+        //
+    }
+}

resources/js/layouts/Dashboard/menu.js

 export default {
-  // Admin
+  // Owner
   1: [
     {
       label: 'Home',
       label: 'Pengaturan',
       items: [
         {
-          label: 'PPN',
-          icon: 'pi pi-percentage',
-          to: '/ppn',
-          component: 'PPN/Index',
+          label: 'Profil Perusahaan',
+          icon: 'pi pi-cog',
+          to: '/settings',
+          component: 'Settigs/Index',
         },
       ],
     },
   ],
 
-  // Supervisor
+  // Admin 1
   2: [
     {
       label: 'Home',
     },
   ],
 
-  // Operator
+  // Admin 2
   3: [
     {
       label: 'Home',

resources/js/pages/PPN/Index.vue

-<script setup>
-import { ref } from 'vue'
-import { useForm } from '@/composables/useForm'
-import AppInputText from '@/components/AppInputText.vue'
-import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
-
-const props = defineProps({
-  ppn: Number,
-})
-
-const form = useForm({
-  ppn: props.ppn,
-})
-
-const inputDisable = ref(true)
-
-const buttonLabel = ref('Ubah')
-
-const onSubmit = () => {
-  if (inputDisable.value) {
-    buttonLabel.value = 'Simpan'
-
-    inputDisable.value = false
-  } else {
-    if (!form.ppn) {
-      form.ppn = 0
-    }
-
-    buttonLabel.value = 'Ubah'
-
-    inputDisable.value = true
-
-    form.post(route('ppn.store'))
-  }
-}
-</script>
-
-<template>
-  <DashboardLayout title="Pengaturan PPN">
-    <div class="grid">
-      <div class="col-12 md:col-3">
-        <Card>
-          <template #content>
-            <div class="grid">
-              <div class="col-12">
-                <AppInputText
-                  label="PPN"
-                  placeholder="ppn"
-                  type="number"
-                  :disabled="inputDisable"
-                  :error="form.errors.ppn"
-                  v-model="form.ppn"
-                />
-              </div>
-
-              <div class="col-12">
-                <div class="flex flex-column md:flex-row justify-content-end">
-                  <Button
-                    icon="pi pi-check"
-                    class="p-button-outlined"
-                    :label="buttonLabel"
-                    :disabled="form.processing"
-                    @click="onSubmit"
-                  />
-                </div>
-              </div>
-            </div>
-          </template>
-        </Card>
-      </div>
-    </div>
-  </DashboardLayout>
-</template>

resources/js/pages/Settings/Components/CompanyProfile.vue

+<script setup>
+import AppInputText from '@/components/AppInputText.vue'
+</script>
+
+<template>
+  <div class="grid">
+    <div class="col-12 md:col-6">
+      <AppInputText label="Nama" placeholder="nama" />
+    </div>
+    <div class="col-12 md:col-6">
+      <AppInputText label="Alamat" placeholder="alamat" />
+    </div>
+    <div class="col-12 md:col-6">
+      <AppInputText
+        type="number"
+        label="Nomor Telepon"
+        placeholder="nomor telepon"
+      />
+    </div>
+    <div class="col-12 md:col-6">
+      <AppInputText label="Email" placeholder="email" />
+    </div>
+    <div class="col-12 md:col-6">
+      <AppInputText type="number" label="NPWP" placeholder="npwp" />
+    </div>
+  </div>
+</template>

resources/js/pages/Settings/Components/Ppn.vue

+<script setup>
+import { ref } from 'vue'
+import { useForm } from '@/composables/useForm'
+import AppInputText from '@/components/AppInputText.vue'
+import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
+
+const props = defineProps({
+  ppn: Number,
+})
+
+const form = useForm({
+  ppn: props.ppn,
+})
+
+const inputDisable = ref(true)
+
+const buttonLabel = ref('Ubah')
+
+const onSubmit = () => {
+  if (inputDisable.value) {
+    buttonLabel.value = 'Simpan'
+
+    inputDisable.value = false
+  } else {
+    if (!form.ppn) {
+      form.ppn = 0
+    }
+
+    buttonLabel.value = 'Ubah'
+
+    inputDisable.value = true
+
+    form.post(route('ppn.store'))
+  }
+}
+</script>
+
+<template>
+  <div class="grid">
+    <div class="col-12">
+      <AppInputText
+        label="PPN"
+        placeholder="ppn"
+        type="number"
+        :disabled="inputDisable"
+        :error="form.errors.ppn"
+        v-model="form.ppn"
+      />
+
+      <div class="flex flex-column md:flex-row justify-content-end">
+        <Button
+          icon="pi pi-check"
+          class="p-button-outlined"
+          :label="buttonLabel"
+          :disabled="form.processing"
+          @click="onSubmit"
+        />
+      </div>
+    </div>
+  </div>
+</template>

resources/js/pages/Settings/Index.vue

+<script setup>
+import DashboardLayout from '@/layouts/Dashboard/DashboardLayout.vue'
+import Ppn from './Components/Ppn.vue'
+import CompanyProfile from './Components/CompanyProfile.vue'
+
+defineProps({
+  ppn: Number,
+})
+</script>
+
+<template>
+  <DashboardLayout title="Pengaturan">
+    <div class="grid">
+      <div class="col-12 md:col-8">
+        <Card>
+          <template #title> Pengaturan </template>
+          <template #content>
+            <CompanyProfile />
+
+            <divider />
+
+            <Ppn :ppn="ppn" />
+          </template>
+        </Card>
+      </div>
+    </div>
+  </DashboardLayout>
+</template>

routes/web.php

 use App\Http\Controllers\ProductController;
 use App\Http\Controllers\PurchaseController;
 use App\Http\Controllers\SalesController;
+use App\Http\Controllers\SettingController;
 use App\Http\Controllers\StockProductController;
 use App\Http\Controllers\SupplierController;
 use App\Http\Controllers\UserController;
 
     Route::resource("/ppn", PpnController::class);
 
+    Route::resource("/settings", SettingController::class);
+
     Route::resource("/customers", CustomerController::class);
 
     Route::resource("/purchases", PurchaseController::class);