diff --git a/app/Http/Controllers/AkaunController.php b/app/Http/Controllers/AkaunController.php
index 3d39b9e..16bb871 100644
--- a/app/Http/Controllers/AkaunController.php
+++ b/app/Http/Controllers/AkaunController.php
@@ -796,4 +796,9 @@ class AkaunController extends Controller
         return view('akaun.laporan_stokauditbackdate', compact('stokaudit','cawangan_detail','tarikh_cetak','tebus_date','api_url'));
 
     }
+
+    public function AuditGenerator(){
+
+        return view('audit.index');
+    }
 }
diff --git a/resources/js/Audit/Audit copy.vue b/resources/js/Audit/Audit copy.vue
new file mode 100644
index 0000000..d29e680
--- /dev/null
+++ b/resources/js/Audit/Audit copy.vue	
@@ -0,0 +1,23 @@
+<template>
+    <div>
+    <div class="mx-auto mt-10 mb-10 flex justify-center">
+
+        <router-link to="/wtd/rekod">
+            <button class="bg-yellow-500 p-4 rounded text-white mr-4">Keuntungan Sebenar</button>
+        </router-link>
+        <router-link to="/wtd/tambah">
+            <button class="bg-yellow-500 p-4 rounded text-white">Upah Simpan</button>
+        </router-link>
+    </div>
+</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/resources/js/Audit/Audit.vue b/resources/js/Audit/Audit.vue
new file mode 100644
index 0000000..88b2f84
--- /dev/null
+++ b/resources/js/Audit/Audit.vue
@@ -0,0 +1,23 @@
+<template>
+    <div>
+    <div class="mx-auto mt-10 mb-10 flex justify-center">
+
+        <router-link to="/audit/keuntungansebenar">
+            <button class="bg-yellow-500 p-4 rounded text-white mr-4">Keuntungan Sebenar</button>
+        </router-link>
+        <router-link to="/audit/upahsimpan">
+            <button class="bg-yellow-500 p-4 rounded text-white">Upah Simpan</button>
+        </router-link>
+    </div>
+</div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/resources/js/Audit/Home.vue b/resources/js/Audit/Home.vue
new file mode 100644
index 0000000..80cfb8b
--- /dev/null
+++ b/resources/js/Audit/Home.vue
@@ -0,0 +1,11 @@
+<template>
+         <router-view>
+         </router-view>
+</template>
+
+<script>
+
+export default {
+    
+}
+</script>
\ No newline at end of file
diff --git a/resources/js/Audit/KeuntunganSebenar.vue b/resources/js/Audit/KeuntunganSebenar.vue
new file mode 100644
index 0000000..0aee87d
--- /dev/null
+++ b/resources/js/Audit/KeuntunganSebenar.vue
@@ -0,0 +1,61 @@
+<template>
+<div class="container">
+
+    <div class="flex w-full">
+        <div class="xl:w-2/3 2xl:w-1/2 p-8 mx-auto">
+            <div class="bg-yellow-600 text-gray-200 text-lg px-6 py-4 rounded-t-lg">
+                <router-link to="/audit">
+                    <i class="fas fa-backspace text-white"></i>
+                </router-link>
+
+                <span class="text-center mx-auto text-white font-bold">Laporan Keuntungan Sebenar</span>
+            </div>
+            <form method="get" id="formpenebusan" target="_blank">
+                <input :value="$kodcaw" name="kodcaw" hidden />
+                <div class="rounded bg-white shadow p-6">
+                    <div class="pb-6">
+                        <label for="username" class="font-semibold text-gray-700 block pb-1">Tarikh</label>
+                        <div class="flex">
+                            <input :value="jenisgenerate" type="hidden" name="jenis" />
+                            <input :value="$hostname" name="hostname" hidden />
+                            <input :value="$kodcaw" name="kodcaw" hidden />
+                            <span style="background-color: #F9FAFB" class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap">Bulan</span>
+                            <flat-pickr v-model="mula" :config="config" class="border border-2 rounded-r px-4 py-2 w-80r mr-2"></flat-pickr>
+                            <button @click.prevent="generatepdf" class=" mr-2 border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-file-pdf mr-2"></i>PDF</button>
+                            <button @click.prevent="generateview" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-eye mr-2"></i>View</button>
+                        </div>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+</template>
+
+<script>
+import monthSelectPlugin from 'flatpickr/dist/plugins/monthSelect/index.js'
+import 'flatpickr/dist/plugins/monthSelect/style.css'
+
+export default {
+    data() {
+        return {
+            mula: null,
+            config: {
+                wrap: false, // set wrap to true only when using 'input-group'
+                maxDate: 'today',
+                plugins: [
+                    new monthSelectPlugin({
+                        shorthand: true, //defaults to false
+                        dateFormat: "m-Y", //defaults to "F Y"
+                        altFormat: "F Y", //defaults to "F Y"
+                    })
+                ]
+            },
+        }
+    },
+}
+</script>
+
+<style>
+
+</style>
diff --git a/resources/js/Audit/UpahSimpan.vue b/resources/js/Audit/UpahSimpan.vue
new file mode 100644
index 0000000..6f30831
--- /dev/null
+++ b/resources/js/Audit/UpahSimpan.vue
@@ -0,0 +1,62 @@
+<template>
+       <div class="container">
+
+ 
+            <div class="flex w-full">
+                <div class="xl:w-2/3 2xl:w-1/2 p-8 mx-auto">
+                    <div class="bg-yellow-600 text-gray-200 text-lg px-6 py-4 rounded-t-lg">       
+                   <router-link to="/audit">
+                        <i class="fas fa-backspace text-white"></i>
+                    </router-link>
+                    
+                    <span class="text-center mx-auto text-white font-bold">Laporan Upah Simpan</span>
+                    </div>
+                    <form method="get" id="formpenebusan" target="_blank">
+                    <input :value="$kodcaw" name="kodcaw" hidden/>
+                    <div class="rounded bg-white shadow p-6">
+                        <div class="pb-6">
+                        <label for="username" class="font-semibold text-gray-700 block pb-1">Tarikh</label>
+                            <div class="flex">
+                                <input :value="jenisgenerate" type="hidden" name="jenis" />
+                                <input :value="$hostname" name="hostname" hidden/>
+                                <input :value="$kodcaw" name="kodcaw" hidden/>
+                                <span style="background-color: #F9FAFB" class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap">Bulan</span>
+                                <flat-pickr v-model="mula" :config="config" class="border border-2 rounded-r px-4 py-2 w-80r mr-2"></flat-pickr>
+                                <button @click.prevent="generatepdf" class=" mr-2 border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-file-pdf mr-2"></i>PDF</button>
+                                <button @click.prevent="generateview" class="border border-yellow-600 text-yellow-600 font-montserrat py-2 px-8 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300"><i class="fas fa-eye mr-2"></i>View</button>
+                            </div>
+                        </div> 
+                    </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+</template>
+
+<script>
+import monthSelectPlugin from 'flatpickr/dist/plugins/monthSelect/index.js'
+import 'flatpickr/dist/plugins/monthSelect/style.css'
+
+export default {
+ data() {
+        return {
+            mula: null,
+            config: {
+                wrap: false, // set wrap to true only when using 'input-group'
+                maxDate: 'today',
+                plugins: [
+                    new monthSelectPlugin({
+                    shorthand: true, //defaults to false
+                    dateFormat: "m-Y", //defaults to "F Y"
+                    altFormat: "F Y", //defaults to "F Y"
+                    })
+                ]    
+            },
+        }
+    },
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/resources/js/app.js b/resources/js/app.js
index 458ce79..b89c723 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -231,6 +231,10 @@ Vue.component('permohonan-component', require('./Permohonan/SenaraiMohon.vue').d
 //WTD
 Vue.component('wtdindex-component', require('./WTD/index.vue').default)
 
+//Audit
+Vue.component('audit-component', require('./Audit/Home.vue').default)
+
+
 
 
 
diff --git a/resources/js/routes.js b/resources/js/routes.js
index 3033967..fc9f1ac 100644
--- a/resources/js/routes.js
+++ b/resources/js/routes.js
@@ -35,6 +35,9 @@ import Wtdselect from './WTD/selection'
 import WtdRekod from './WTD/Rekod'
 import WtdSpecific from './WTD/SelectWTD'
 
+import AuditPage from './Audit/Audit' 
+import KeuntunganSebenarPage from './Audit/KeuntunganSebenar' 
+import UpahSimpanPage from './Audit/UpahSimpan' 
 
 
 
@@ -77,6 +80,11 @@ export default new VueRouter({
         { path: '/wtd/rekod', component: WtdRekod },
         { name: '/selectwtd',path: '/wtd/select/:batchno', component: WtdSpecific },
 
+        { path: '/audit', component: AuditPage },
+        { path: '/audit/keuntungansebenar', component: KeuntunganSebenarPage },
+        { path: '/audit/upahsimpan', component: UpahSimpanPage },
+
+
 
 
     ],
diff --git a/resources/views/audit/index.blade.php b/resources/views/audit/index.blade.php
new file mode 100644
index 0000000..b3612b3
--- /dev/null
+++ b/resources/views/audit/index.blade.php
@@ -0,0 +1,18 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="bg-gray-900 opacity-50 hidden fixed inset-0 z-10" id="sidebarBackdrop"></div>
+<div id="main-content" class="h-full w-full bg-gray-50 relative overflow-y-auto">
+   <main>
+
+      <div class="pt-6 px-4">
+          
+      <breadcrumb :items="[{ 'title' : 'Audit', 'icon' : 'fas fa-file-alt' }]"></breadcrumb>
+
+      <audit-component></audit-component>
+
+
+      </div>
+   </main>
+   @include('layouts.footer')
+@endsection
diff --git a/routes/web.php b/routes/web.php
index 21a157a..a2e78ca 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -114,6 +114,9 @@ Route::get('/permohonan/cetakanpenuh',['as'=>'permohonan.cetakanpenuh','uses'=>'
 Route::get('/wtd',['as'=>'wtd.index','uses'=>'App\Http\Controllers\WTDController@index']);
 Route::get('/wtd/cetakan', ['as'=>'wtd.cetak','uses'=>'App\Http\Controllers\WTDController@CetakSenarai']);
 
+//Audit
+Route::get('/audit',['as'=>'audit.index','uses'=>'App\Http\Controllers\AkaunController@AuditGenerator']);
+
 
 Route::get('{any}', function () {
     return view('home');