diff --git a/app/Http/Controllers/LelongController.php b/app/Http/Controllers/LelongController.php
index 7485e76..58a1215 100644
--- a/app/Http/Controllers/LelongController.php
+++ b/app/Http/Controllers/LelongController.php
@@ -15,6 +15,23 @@ class LelongController extends Controller
         $api_url = config('api.url');
         $auth_user = Auth::user();
 
+        return view('lelong.mainlelong',compact('api_url','auth_user'));
+    }
+
+    public function notislelong()
+    {
+        $api_url = config('api.url');
+        $auth_user = Auth::user();
+
         return view('lelong.notislelong',compact('api_url','auth_user'));
     }
+
+    
+    public function notislelong2()
+    {
+        $api_url = config('api.url');
+        $auth_user = Auth::user();
+
+        return view('lelong.notislelongfasa2',compact('api_url','auth_user'));
+    }
 }
diff --git a/resources/js/app.js b/resources/js/app.js
index 19bcbcf..04fc8a0 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -189,6 +189,7 @@ Vue.component('searchpelanggan-component', require('./components/Searchpelanggan
 Vue.component('laporanakaun-component', require('./Akaun/Laporan.vue').default)
 Vue.component('online-component', require('./Online/Online.vue').default)
 Vue.component('noticelelong-component', require('./pages/NotisLelong.vue').default)
+Vue.component('noticelelong2-component', require('./pages/NotisLelongFasa2.vue').default)
 Vue.component('kelulusan-component', require('./Kelulusan/TableKelulusan.vue').default)
 
 Vue.component('details-pelanggan', require('./pages/Detailspelanggan.vue').default)
diff --git a/resources/js/pages/NotisLelongFasa2.vue b/resources/js/pages/NotisLelongFasa2.vue
new file mode 100644
index 0000000..52ac444
--- /dev/null
+++ b/resources/js/pages/NotisLelongFasa2.vue
@@ -0,0 +1,63 @@
+<template>
+    <div>
+        <vue-html5-editor :content="content" :auto-height="true" @change="checkdetails" :show-module-name="false"></vue-html5-editor>
+        <div class="flex justify-end mt-2">
+            <button class="bg-blue-500 text-white active:bg-lightBlue-600 font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150" type="button">
+                <span v-if="submitStatus === 'PENDING'"><i class="animate-spin fas fa-spinner mr-2"></i>Loading..</span>
+                <span v-else @click="updateData">Kemaskini</span>
+            </button>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+     data () {
+      return {
+        content: '',
+        submitStatus:''
+      }
+    },
+    created() {
+        this.axios.get(this.$hostname + '/api/details/notislelong/' + this.$kodcaw).then(response => {
+            console.log(response.data)
+            this.content = response.data[0].para3;
+        });
+    },
+    methods:{
+        checkdetails: function(data){
+            this.content = data;
+        },
+        updateData() {
+                // do your submit logic here
+                this.submitStatus = 'PENDING'
+                let result = this.PostData()
+                let pro1 = Promise.resolve(result)
+                let self = this
+                
+                pro1.then(function(response) { 
+                    if(response.data == 1)
+                    {
+                    setTimeout(() => {
+                        self.submitStatus = 'OK'
+                        self.$toast.success('Berjaya dikemaskini!')                       
+                    }, 500)
+                    }else{
+                    self.$toast.error('Error occured')
+                    self.submitStatus = 'OK'
+                    }
+                }, function(e) {
+                    console.error(e); // TypeError: Throwing
+                });
+        },
+        async PostData(){
+            let response = await this.axios.put(this.$hostname + '/admin/notislelong/update2/' + this.$kodcaw, 
+            { 
+                content: this.content
+            });
+            console.log(response);
+            return response
+        }
+    }
+}
+</script>
\ No newline at end of file
diff --git a/resources/views/lelong/mainlelong.blade.php b/resources/views/lelong/mainlelong.blade.php
new file mode 100644
index 0000000..8ca5a90
--- /dev/null
+++ b/resources/views/lelong/mainlelong.blade.php
@@ -0,0 +1,20 @@
+@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' : 'Notis Lelong', 'icon' : 'fas fa-gavel' }]"></breadcrumb>
+        
+        <div class="mx-auto mt-10 mb-10 flex justify-center">
+            <a href="{{ route('lelongfasa1') }}" class="bg-yellow-500 p-4 rounded text-white mr-4">Fasa 1</a>
+            <a href="{{ route('lelongfasa2') }}" class="bg-yellow-500 p-4 rounded text-white">Fasa 2</a>
+        </div>
+
+
+      </div>
+   </main>
+   @include('layouts.footer')
+@endsection
diff --git a/resources/views/lelong/notislelongfasa2.blade.php b/resources/views/lelong/notislelongfasa2.blade.php
new file mode 100644
index 0000000..b9e74e9
--- /dev/null
+++ b/resources/views/lelong/notislelongfasa2.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' : 'Notis Lelong', 'icon' : 'fas fa-gavel' }]"></breadcrumb>
+
+      <noticelelong2-component></noticelelong2-component>
+
+
+      </div>
+   </main>
+   @include('layouts.footer')
+@endsection
diff --git a/routes/web.php b/routes/web.php
index bdd1f0a..76d3e88 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -58,6 +58,9 @@ Route::get('/bajet/kemaskini',['as'=>'bajet.kemaskini','uses'=>'App\Http\Control
 
 //Lelong
 Route::get('/notislelong',['as'=>'lelong','uses'=>'App\Http\Controllers\LelongController@index'])->middleware(['roleChecker:null,null,operasi']);
+Route::get('/notislelong1',['as'=>'lelongfasa1','uses'=>'App\Http\Controllers\LelongController@notislelong'])->middleware(['roleChecker:null,null,operasi']);
+Route::get('/notislelong2',['as'=>'lelongfasa2','uses'=>'App\Http\Controllers\LelongController@notislelong2'])->middleware(['roleChecker:null,null,operasi']);
+
 
 
 //Kelulusan