diff --git a/app/Http/Controllers/BarangkesController.php b/app/Http/Controllers/BarangkesController.php
new file mode 100644
index 0000000..1eac054
--- /dev/null
+++ b/app/Http/Controllers/BarangkesController.php
@@ -0,0 +1,56 @@
+json();
+ // dd($customer_info);
+ // ambil gadai info (by kodcaw + norujukan dari route)
+ // $gadai = null;
+ if (!empty($customer_info['kodcaw']) && !empty($norujukan)) {
+ $gadai = Http::get($api_url . '/api/gadai/norujukan/'
+ . $customer_info['kodcaw'] . '/' . $norujukan)->json();
+ }
+
+ $gadai = Http::get($api_url . '/api/gadai/norujukan/' . $request->kodcaw . '/' . $request->norujukan)->json();
+ $gadai = $gadai[0];
+
+ return view('pelanggan.detailssag', compact('api_url', 'auth_user', 'customer_info', 'gadai'));
+}
+
+ public function store(Request $request, $id){
+
+ $api_url = config('api.url');
+ $customer_info = Http::get($api_url . '/admin/Customers/' . $id)->json();
+ // $auth_user = Auth::user();
+ // dd($customer_info);
+
+ return view('pelanggan.detailssag', ['customer' => $customer_info,'kodcaw' => $request->query('kodcaw'),'norujukan' => $request->query('norujukan'),
+ ]);
+
+ }
+
+}
diff --git a/resources/js/app.js b/resources/js/app.js
index b7436e0..031ddcd 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -215,14 +215,20 @@ Vue.component('tunai-component', require('./components/Tunai.vue').default)
Vue.component('petibesi-component', require('./components/Petibesi.vue').default)
Vue.component('cawangan-component', require('./components/Cawangan.vue').default)
Vue.component('modal-component', require('./components/util/Modal.vue').default)
-Vue.component('searchpelanggan-component', require('./components/Searchpelanggan.vue').default)
+Vue.component('searchpelanggan-component', require('./components/Searchpelanggan.vue').default) //refer sini nnti
+
+Vue.component('searchbarangkes-component', require('./components/Searchbarangkes.vue').default) //refer sini nnti copy nnti buat utk sag
+
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)
+Vue.component('details-pelanggan', require('./pages/Detailspelanggan.vue').default) // refer sini jugak nnti utk sag searching
+
+Vue.component('details-sag', require('./pages/Detailssag.vue').default) // refer sini jugak nnnti utk sag searching
+
Vue.component('blacklist-pelanggan', require('./pages/Blacklist.vue').default)
Vue.component('harian-component', require('./components/Analisa/Harian.vue').default)
diff --git a/resources/js/components/Searchbarangkes.vue b/resources/js/components/Searchbarangkes.vue
new file mode 100644
index 0000000..acab1cb
--- /dev/null
+++ b/resources/js/components/Searchbarangkes.vue
@@ -0,0 +1,197 @@
+
+ Nama: {{ customer.nama }} No Telefon: {{ customer.telefon }} KP Baru: {{ customer.kpbaru }} No Rujukan: {{ gadaiItem.norujukan }}Maklumat Customer
+