diff --git a/app/Http/Controllers/CustomersController.php b/app/Http/Controllers/CustomersController.php
index d0a1155..a32c055 100644
--- a/app/Http/Controllers/CustomersController.php
+++ b/app/Http/Controllers/CustomersController.php
@@ -113,15 +113,50 @@ class CustomersController extends Controller
             $jantina = 'P';
         }
         $split_date = explode('/',$request->tarikh_lahir);
+
         $tarikh_lahir = $split_date[2].'-'.$split_date[1].'-'.$split_date[0];
+        $tarikhlahir = Carbon::parse($tarikh_lahir);
         $auth_user = Auth::user();
         $latest_customer = Http::get(config('api.url') . '/api/customers/latest/' . $auth_user['cawangan'])->json();
-
-        $nosiri_latest = $latest_customer['nosiri']+1;
+        
+        if($latest_customer == null){
+            $nosiri_latest = 1;
+        }
+        else{
+            $nosiri_latest = $latest_customer['nosiri']+1;
+        }
+        
         $count = sprintf("%08d", $nosiri_latest);
 
         $no_pelanggan = $request->bangsa . substr($request->noic,6,2).'-'.$count;
         // dd($tarikh_lahir);
+        $detail_poskod = Http::get(config('api.url') . '/api/poskod/' . $request->poskod)->json();
+        // dd($auth_user);
+        $sent_data = [
+            'kodcaw' => $auth_user['cawangan'],
+            'nopelanggan' => $no_pelanggan,
+            'nokp' => $request->noic,
+            'nama' => $request->name,
+            't_lahir' => $tarikhlahir->toDateString(),
+            'jantina' => $jantina,
+            'alamat' => $request->alamat,
+            'poskod' => $request->poskod,
+            'koddaerah' => $detail_poskod['koddaerah'],
+            'kodnegeri' => $detail_poskod['kodnegeri'],
+            'telefon' => $request->main_phone,
+            'bumiputra' => $bumiputera,
+            'warganegara' => $warganegara,
+            'bangsa' => $request->bangsa,
+            'kodugama' => $request->agama,
+            'kodbank' => $request->bank_name,
+            'noakaun' => $request->no_akaun,
+            'teller' => $auth_user['name'],
+            'telefon2' => $request->alternate_phone,
+            'nosiri' => $nosiri_latest
+        ];
+
+        $customer_info = Http::post(config('api.url') . '/api/customers/'. $auth_user['cawangan'],$sent_data);
+        dd($sent_data);
 
         Session::put('customer_info',$customer_info);
         return redirect()->route('customer_info')->with( ['customer_info' => $customer_info] );
diff --git a/config/session.php b/config/session.php
index 4e0f66c..645d39b 100644
--- a/config/session.php
+++ b/config/session.php
@@ -196,6 +196,6 @@ return [
     |
     */
 
-    'same_site' => 'lax',
+    'same_site' => null,
 
 ];
diff --git a/resources/views/customers/index.blade.php b/resources/views/customers/index.blade.php
index 3758d41..27c2acf 100644
--- a/resources/views/customers/index.blade.php
+++ b/resources/views/customers/index.blade.php
@@ -50,7 +50,7 @@
                                     <div class="col-md-6">
                                         <div class="row form-group">
                                             <div class="col-md-4">Nama</div>
-                                            <div class="col-md-8"><input class="form-control" type="text" name="name" id="name" autocomplete="off"></div>
+                                            <div class="col-md-8"><input class="form-control" type="text" name="name" id="name" autocomplete="off" placeholder="Nama"></div>
                                             <div class="col-md-4">No KP</div>
                                             <div class="col-md-8"><input class="form-control" type="text" name="noic" id="noic" value="{{$noic ?? ''}}" readonly></div>
                                             <div class="col-md-4">Tarikh Lahir</div>
@@ -60,17 +60,17 @@
                                             <div class="col-md-4">Jantina</div>
                                             <div class="col-md-8"><input class="form-control" type="text" name="jantina" id="jantina" readonly></div>
                                             <div class="col-md-4">Alamat</div>
-                                            <div class="col-md-8"><textarea style="resize:none" name="alamat" id="alamat" cols="30" rows="3"></textarea></div>
+                                            <div class="col-md-8"><textarea class="form-control" style="resize:none" name="alamat" id="alamat" cols="30" rows="3" placeholder="Alamat Pelanggan"></textarea></div>
                                             <div class="col-md-4">Poskod</div>
-                                            <div class="col-md-8"><input class="form-control" type="text" name="poskod" id="poskod" autocomplete="off"></div>
+                                            <div class="col-md-8"><input class="form-control" type="text" name="poskod" id="poskod" autocomplete="off" placeholder="Poskod"></div>
                                             <div class="col-md-4">Daerah</div>
                                             <div class="col-md-8"><input class="form-control" type="text" name="daerah" id="daerah" readonly autocomplete="off"></div>
                                             <div class="col-md-4">Negeri</div>
                                             <div class="col-md-8"><input class="form-control" type="text" name="negeri" id="negeri" readonly autocomplete="off"></div>
                                             <div class="col-md-4">No Telefon 1</div>
-                                            <div class="col-md-8"><input class="form-control" type="text" name="main_phone" id="main_phone" autocomplete="off"></div>
+                                            <div class="col-md-8"><input class="form-control" type="text" name="main_phone" id="main_phone" autocomplete="off" placeholder="No Telefon"></div>
                                             <div class="col-md-4">No Telefon 2</div>
-                                            <div class="col-md-8"><input class="form-control" type="text" name="alternate_phone" id="alternate_phone" autocomplete="off"></div>
+                                            <div class="col-md-8"><input class="form-control" type="text" name="alternate_phone" id="alternate_phone" autocomplete="off" placeholder="No Telefon"></div>
                                             <div class="col-md-12 ml-4">
                                                 <div class="form-group row">
                                                     <div class="form-check form-check-inline">
@@ -87,11 +87,11 @@
                                             <div class="col-md-8">
                                                 <select class="form-control" name="agama" id="agama">
                                                     <option disabled selected value> -- Pilih Agama -- </option>
-                                                    <option value="islam">Islam</option>
-                                                    <option value="hindu">Hindu</option>
-                                                    <option value="buddha">Buddha</option>
-                                                    <option value="kristian">Kristian</option>
-                                                    <option value="lain">Lain-lain</option>
+                                                    <option value="01">Islam</option>
+                                                    <option value="02">Hindu</option>
+                                                    <option value="03">Buddha</option>
+                                                    <option value="04">Kristian</option>
+                                                    <option value="05">Lain-lain</option>
                                                 </select>
                                             </div>
                                             <div class="col-md-4">Ahli</div>
@@ -140,8 +140,34 @@
                                                     @endforeach
                                                 </select>
                                             </div>
-                                            <div class="col-md-4">No Akaun Bank</div>
-                                            <div class="col-md-8"><input class="form-control" type="text" name="no_akaun" id="no_akaun"></div>
+                                            <div class="col-md-4">No Akaun</div>
+                                            <div class="col-md-8"><input class="form-control" type="text" name="no_akaun" id="no_akaun" placeholder="No Akaun Bank"></div>
+                                            <div class="col-md-4">Tujuan Gadai</div>
+                                            @php
+                                                $tujuangadai = Http::get($api_url . '/api/tujuangadai')->json();
+                                            @endphp
+                                            <div class="col-md-8">
+                                                <select class="form-control" name="tujuan_gadai" data-placeholder="Pilih Tujuan Gadai" id="tujuan_gadai">
+                                                    <option disabled selected value> -- Pilih Tujuan Gadai -- </option>
+                                                    @foreach($tujuangadai as $tujuan)    
+                                                        <option value="{{ $tujuan['keterangan'] }}">{{ $tujuan['keterangan'] }}</option>
+                                                    @endforeach
+                                                </select>
+                                            </div>
+                                            <div class="col-md-4">Pekerjaan</div>
+                                            @php
+                                                $pekerjaan = Http::get($api_url . '/api/pekerjaan')->json();
+                                            @endphp
+                                            <div class="col-md-8">
+                                                <select class="form-control" name="pekerjaan" data-placeholder="Pilih Pekerjaan" id="pekerjaan">
+                                                    <option disabled selected value> -- Pilih Pekerjaan -- </option>
+                                                    @foreach($pekerjaan as $kerja)    
+                                                        <option value="{{ $kerja['kodkerja'] }}">{{ $kerja['keterangan'] }}</option>
+                                                    @endforeach
+                                                </select>
+                                            </div>
+                                            <div class="col-md-4">Nota</div>
+                                            <div class="col-md-8"><input class="form-control" type="text" name="nota" id="nota" placeholder="Nota"></div>
                                         </div>
                                     </div>
                                 </div>
diff --git a/resources/views/print/sag.blade.php b/resources/views/print/sag.blade.php
index 62b66d7..44d7cd1 100644
--- a/resources/views/print/sag.blade.php
+++ b/resources/views/print/sag.blade.php
@@ -5,11 +5,11 @@
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-<script>
+<!-- <script>
   $(document).ready(function () {
     window.print();
   });
-</script>
+</script> -->
 
 <style>
   hr.new1 {
@@ -433,6 +433,40 @@
     </tr>
   </table>
 
+  <br>
+
+  <table id="transaksi_twq">
+    <tr>
+      <th  colspan="4"> TRANSAKSI TAWARRUQ</th>
+    </tr>
+    <tr>
+      <td rowspan="2"> 1</td>
+      <td rowspan="2"> Kontrak Jualan Murabahah Secara Tangguh </td>
+      <td rowspan="2">
+        Saya Bersetuju dan dengan ini membeli komoditi daripada Ar-Rahn pada harga jualan dengan bayaran tangguh dan menggadaikan Marhun seperti diatas cagaran.Komoditi adalah sebagaimana yang dinyatakan didalam sijil pembekal komoditi mengikut kadar jumlah pembiayaan yang diberikan kepada saya.
+      </td>
+      <td rowspan="2"> setuju <table border="1"><tr><td> </td> </tr></table></td>
+    </tr>
+    <tr></tr>
+    <tr>
+      <td rowspan="1"> 2</td>
+      <td rowspan="1"> Kontrak Gadaian </td>
+      <td rowspan="1">
+        Saya bersetuju dan dengan ini menjual komoditi kepada pembekal komoditi ( pihak ketiga) melalui Ar-Rahn sebagai wakil pembeli komoditi secara tunai yang bersamaan dengan jumlah pembiayaan diberikan kepada saya.
+      </td>
+      <td rowspan="1"> setuju <table border="1"><tr><td> </td> </tr></table></td>
+    </tr>
+    <tr></tr>
+    <tr>
+      <td rowspan="1"> 3</td>
+      <td rowspan="1"> Kontrak Jualan Tunai </td>
+      <td rowspan="1">
+        Saya bersetuju untuk menggadaikan Marhun sebagaimana dinyatakan di dalam Surat Akuan Gadaian sebagai cagaran terhadap pembiayaan yang diterima.
+      </td>
+      <td rowspan="1"> setuju <table border="1"><tr><td> </td> </tr></table></td>
+    </tr>
+  </table>
+
 
   <br>
   <table ID="keuntungan">
@@ -466,6 +500,11 @@
       <td style="text-align: center;">RM {{ number_format($gadai_detail['bakiupah'],2) }}</td>
       <td style="text-align: center;">RM {{ number_format($gadai_detail['bakiupah'],2) }}</td>
     </tr>
+    <tr>
+      <td>JUMLAH KEUNTUNGAN TERKUMPUL</td>
+      <td style="text-align: center;">RM {{ number_format($gadai_detail['bakiupah'],2) }}</td>
+      <td style="text-align: center;">RM {{ number_format($gadai_detail['upah12'],2) }}</td>
+    </tr>
   </table>
 
   <br>
@@ -519,30 +558,6 @@
       <td>{{ number_format($gadai_detail['nilaimarhun'],2) }}</td>
     </tr>
   </table>
-  <br>
-
-  <table id="transaksi_twq">
-    <tr>
-      <th  colspan="4"> TRANSAKSI TAWARRUQ</th>
-    </tr>
-    <tr>
-      <td rowspan="2"> 1</td>
-      <td rowspan="2"> Kontrak Jualan Murabahah Secara Tangguh </td>
-      <td rowspan="2">
-        Saya Bersetuju dan dengan ini membeli komoditi daripada Ar-Rahn pada harga jualan dengan bayaran tangguh dan menggadaikan Marhun seperti diatas cagaran.Komoditi adalah sebagaimana yang dinyatakan didalam sijil pembekal komoditi mengikut kadar jumlah pembiayaan yang diberikan kepada saya.
-      </td>
-      <td rowspan="2"> setuju <table border="1"><tr><td> </td> </tr></table></td>
-    </tr>
-    <tr></tr>
-    <tr>
-      <td rowspan="1"> 2</td>
-      <td rowspan="1"> Kontrak Jualan Tunai </td>
-      <td rowspan="1">
-        Saya bersetuju dan dengan ini menjual komoditi kepada pembekal komoditi ( pihak ketiga) melalui Ar-Rahn sebagai wakil pembeli komoditi secara tunai yang bersamaan dengan jumlah pembiayaan diberikan kepada saya.
-      </td>
-      <td rowspan="1"> setuju <table border="1"><tr><td> </td> </tr></table></td>
-    </tr>
-  </table>
 
   <br>
 
@@ -641,23 +656,23 @@
     </tr>
     <tr>
       <td> 1.</td>
-      <td colspan="6"> Pelanggan menyerahkan kuasa sepenuhnya kepada Ar-Rahn untuk menjalanka urusan jualbeli komoditi dibawah konsep Tawarruq bagi pihak Pelanggan.  </td>
+      <td colspan="6"> Pelanggan memberi kuasa sepenuhnya kepada PKB untuk menjalankan urusan jualbeli komoditi dibawah konsep Tawarruq bagi pihak Pelanggan.  </td>
     </tr>
     <tr>
       <td> 2.</td>
-      <td colspan="6"> Seseorang Pelanggan hendaklah mendapat satu salinan surat gadai yang terdapat perjanjian pembiayaan yang menggunakan konsep Tawarruq semasa pembiayaan.Jika hilang, salinan surat gadai boleh diberikan kepada Pelanggan secara percuma dan hendaklah memberitahu Ar-Rahn dengan serta merta. </td>
+      <td colspan="6"> Seseorang Pelanggan hendaklah mendapat satu salinan Surat Akuan Gadaian yang terdapat perjanjian pembiayaan yang menggunakan konsep Tawarruq semasa pembiayaan. Jika hilang, Salinan/ pendua Surat Akuan Gadaian hanya akan diberikan kepada Pelanggan dengan bayaran sebanyak RM5.00 dan hendaklah memberitahu Ar-Rahn dengan serta merta. </td>
     </tr>
     <tr>
       <td> 3.</td>
-      <td colspan="6">Barang-barang yang digadai(marhun) mestilah ditebus kembali dalam tempoh enam bulan.Sekiranya lebih dari enam bulan, barang-barang ini tidak akan ditebus ianya akan dilelong mengikut Akta Lelongan </td>
+      <td colspan="6">Sekiranya harga jualan tidakdibayar dalam tempoh enam (6) bulan, barang-barang gadaian pelanggan akan dilelong mengikut Akta Pelelongan</td>
     </tr>
     <tr>
       <td> 4.</td>
-      <td colspan="6">Pelanggan dikehendaki menjelaskan keseluruhan jumlah keuntungan bagi tempoh enam(6) bulan pertama daripada tempoh gadaian bagi melayakkan lanjutan tempoh pembiayaan bagi enam bulan berikutnya sebaagaimana jadual pembayaran berdasarkan tempoh pembayaran di Surat Akuan Gadai.Pihak Ar-Rahn berhak bertindak untuk melelong barang cagaran sekiranya pelanggan tidak pembiayaan, kadar keuntungan atau mana-mana fi berkaitan dalam tempoh masa yang telah di peretujui. </td>
+      <td colspan="6">Pelanggan dikehendaki menjelaskan keseluruhan jumlah keuntungan bagi tempoh enam(6) bulan pertama daripada tempoh gadaian telebih dahulu bagi melayakkan lanjutan tempoh pembiayaan bagi enam (6) bulan berikutnya (sehingga 12 bulan). Pihak Ar-Rahn berhak untuk melelong barang cagaran pelanggan sekiranya pelanggan tidak membayar pembiayaan, kadar keuntungan atau mana-mana fi berkaitan dalam tempoh masa yang telah dipersetujui. </td>
     </tr>
     <tr>
       <td> 5.</td>
-      <td colspan="6">Seseorang pelanggan adalah berhak bila-bila masa dalam tempoh empat(4) bulan selepas lelong untuk memeriksa catatan jualan dalam rekod Ar-Rahn dan pelanggan dan juga berhak menuntut baki lelongan (jika ada) selepas ditolak keuntungan yang perlu dibayar keatas sandaran (marhun) dan kos lelong. </td>
+      <td colspan="6">Seseorang pelanggan adalah berhak bila-bila masa dalam tempoh empat (4) bulan selepas lelong untuk memeriksa catatan jualan dalam rekod Ar-Rahn dan pelanggan dan juga berhak menuntut baki lelongan (jika ada) selepas ditolak keuntungan yang perlu dibayar keatas sandaran (marhun) dan kos lelong. </td>
     </tr>
     <tr>
       <td> 6.</td>
@@ -665,12 +680,33 @@
     </tr>
     <tr>
       <td> 7.</td>
-      <td colspan="6">Surat Akuan Gadai ini boleh ditebus oleh sesiapa sahaja, penebus hendaklah membawa kad pengenalan. </td>
+      <td colspan="6">Surat Akuan Gadai ini boleh ditebus oleh Pelanggan sahaja atau wakil yang diberi kuasa yang sah dengan membawa kad pengenalan diri pelanggan / Surat Wakil yang sah </td>
     </tr>
     <tr>
       <td> 8.</td>
-      <td colspan="6">Sekiranya pelanggan membuat penebusan marhun awal sebelum daripada enam(6) bulan pertama, Ar-Rahn akan memberi Ibra'(rebat) atas keuntungan yang telah ditetapkan diawal kontrak pembiayaan dan Tawarruq berdasarkan pengiraan yang telah ditentukan oleh Ar-Rahn</td>
+      <td colspan="6">Pelanggan adalah bertanggungjawab untuk membayar zakat ke atas emas yang dicagarkan di PKB. Pihak PKB tidak bertanggungjawab untuk membayar zakat bagi pihak pelanggan ke atas cagaran tersebut.</td>
     </tr>
+    <tr>
+      <td> 9.</td>
+      <td colspan="6">Pelanggan adalah bertanggungjawab untuk membayar zakat ke atas emas yang dicagarkan di PKB. Pihak PKB tidak bertanggungjawab untuk membayar zakat bagi pihak pelanggan ke atas cagaran tersebut</td>
+    </tr>
+    <tr>
+      <td> 10.</td>
+      <td colspan="6">Sekiranya mana-mana sandaran (marhun) hilang atau rosak akibat kebakaran, pelanggan akan menerima gantirugi marhun dalam bentuk tunai berdasarkan nilai marhun masa barang tersebut ditaksirkan pada transaksi yang pertama setelah ditolak segala kos berkaitan.</td>
+    </tr>
+    <tr>
+      <td> 11.</td>
+      <td colspan="6">Sekiranya pelanggan membuat penebusan marhun lebih awal sebelum daripada tempoh enam (6) bulan pertama, Ar-Rahn akan memberi Ibra` (rebat) atas keuntungan yang telah ditetapkan diawal kontrak pembiayaan dan Tawarruq berdasarkan pengiraan yang telah ditentukan oleh Ar-Rahn.</td>
+    </tr>
+    <tr>
+      <td> </td>
+      <td colspan="6"><b>Pengiraan Rebat : Jumlah Keuntungan Keuntungan Telah Dibayar</b></td>
+    </tr>
+    <tr>
+      <td> 12.</td>
+      <td colspan="6">Pengiraan Kadar Keuntungan adalah sebagaimana berikut:</td>
+    </tr>
+
   </table>
 
   <br>  <div class="formula"><b>Formula : Nilai Pembiayaan x Kadar Keuntungan x Tempoh Pembiayaan</b></div>
@@ -694,29 +730,6 @@
     </tr>
   </table>
   <br>
-
-  <table id="syarat">
-    <tr>
-      <td> 9.</td>
-      <td colspan="6">Pelanggan mengizinkan Ar-Rahn untuk melakukan sebarang ujian untuk menguji ketulenan barang (marhun) digadai</td>
-    </tr>
-    <tr>
-      <td> 10.</td>
-      <td colspan="6">Pihak Ar-Rahn berhak mendakwa pelanggan yang ingin mencagarkan barang kemas palsu</td>
-    </tr>
-    <tr>
-      <td>11.</td>
-      <td colspan="6">Pihak pelanggan adalah bertanggungjawab untuk membayar zakat keatas emas yang dicagarkan di Ar-Rahn.Pihak Ar-Rahn tidak bertanggungjawab untuk membayar zakat bagi pihak pelanggan keatas cagaran tersebut</td>
-    </tr>
-    <tr>
-      <td> 12.</td>
-      <td colspan="6">Pihak pelanggan mengesahkan bahawa telah membaca, memahami serta dengan Notis Akta Perlindungan Data Peribadi 2010 yang boleh didapati di laman sesawang rasmi Permodalan Kelantan Berhad <u>(www.pkb.net.my)</u> atau melalui kakitangan di cawangan Ar-Rahn.</td>
-    </tr>
-    <tr>
-      <td> 13.</td>
-      <td colspan="6">Sekiranya mana-mana sandaran (marhun) hilang atau rosak akibat kebakaran, pelanggan akan menerima ganti rugi marhun dalam bentuk tunai nerdasarkan nilai marhun masa barang tersebutkan ditaksirkan pada transaksi yang pertama ditolak segala kos berkaitan</td>
-    </tr>
-  </table>
   <div class='page-break'>  </div>
 
   <table id="customers"> 
@@ -858,6 +871,11 @@
       <td style="text-align: center;">RM {{ number_format($gadai_detail['bakiupah'],2) }}</td>
       <td style="text-align: center;">RM {{ number_format($gadai_detail['bakiupah'],2) }}</td>
     </tr>
+    <tr>
+      <td>JUMLAH KEUNTUNGAN TERKUMPUL</td>
+      <td style="text-align: center;">RM {{ number_format($gadai_detail['bakiupah'],2) }}</td>
+      <td style="text-align: center;">RM {{ number_format($gadai_detail['upah12'],2) }}</td>
+    </tr>
   </table>
 
   <br>
diff --git a/resources/views/test.blade.php b/resources/views/test.blade.php
new file mode 100644
index 0000000..28afad8
--- /dev/null
+++ b/resources/views/test.blade.php
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+    <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- CSRF Token -->
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+
+    <title>SISTEM AR-RAHN</title>
+
+    <!-- Scripts -->
+    <script src="{{ asset('js/app.js') }}" defer></script>
+    <script src="{{ asset('vendor/adminlte/dist/js/adminlte.js') }}" defer></script>
+
+    <!-- Fonts -->
+    <link rel="dns-prefetch" href="//fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
+
+    <!-- Styles -->
+    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+    <link href="{{ asset('css/main.css') }}" rel="stylesheet">
+    <link href="{{ asset('vendor/adminlte/dist/css/adminlte.css') }}" rel="stylesheet">
+    <link href="{{ asset('vendor/fontawesome-free/css/all.css') }}" rel="stylesheet">
+    <link href="{{ asset('vendor/DataTables/datatables.min.css') }}" rel="stylesheet">
+    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link href="{{ asset('css/select2.min.css') }}" rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css"/>
+    
+    <script src="{{ asset('js/jquery.min.js') }}"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+    <script src="{{ asset('js/select2.min.js') }}"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
+    <script src="{{ asset('vendor/DataTables/datatables.min.js') }}"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
+    
+    {{-- jquery validation --}}
+    <script src="{{ asset('js/jquery.validate.min.js') }}"></script>
+    <script src="{{ asset('js/additional-methods.min.js') }}"></script>
+
+        <!-- Styles -->
+        <style>
+            html, body {
+                background-color: #fff;
+                color: #636b6f;
+                font-family: 'Nunito', sans-serif;
+                font-weight: 200;
+                height: 100vh;
+                margin: 0;
+            }
+
+            .full-height {
+                height: 100vh;
+            }
+
+            .flex-center {
+                align-items: center;
+                display: flex;
+                justify-content: center;
+            }
+
+            .position-ref {
+                position: relative;
+            }
+
+            .top-right {
+                position: absolute;
+                right: 10px;
+                top: 18px;
+            }
+
+            .content {
+                text-align: center;
+            }
+
+            .title {
+                font-size: 84px;
+            }
+
+            .links > a {
+                color: #636b6f;
+                padding: 0 25px;
+                font-size: 13px;
+                font-weight: 600;
+                letter-spacing: .1rem;
+                text-decoration: none;
+                text-transform: uppercase;
+            }
+
+            .m-b-md {
+                margin-bottom: 30px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="flex-center position-ref full-height">
+            @if (Route::has('login'))
+                <div class="top-right links">
+                    @auth
+                        <a href="{{ url('/home') }}">Home</a>
+                    @else
+                        <a href="{{ route('login') }}">Login</a>
+
+                        @if (Route::has('register'))
+                            <a href="{{ route('register') }}">Register</a>
+                        @endif
+                    @endauth
+                </div>
+            @endif
+
+            <div class="content">
+                <div class="title m-b-md">
+                    Laravel
+                </div>
+
+                <div class="links">
+                    <button class="btn btn-primary" id="login_button">Login</button>
+                    <button class="btn btn-primary" id="logout_button">Logout</button>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
+<script>
+    var auth_token;
+    $('#login_button').click(function(){
+        $.ajax({
+            method:'POST',
+            url:'http://e-arrahn.test/api/mobile/login',
+            data:{
+                'email':'aziz@pkb.net',
+                'password':'Abc123'
+            },
+            dataType:'json',
+            success:function(data){
+                auth_token = data['token']['token'];
+                Swal.fire({
+                    icon: 'success',
+                    title: 'Berjaya!',
+                    text: 'Login Berjaya'
+                });
+            },
+            error: function(xhRequest, ErrorText, thrownError){
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Amaran!',
+                    text: 'Login Tidak Berjaya'
+                });
+                console.log(xhRequest);
+            }
+        });
+    });
+    $('#logout_button').click(function(){
+        $.ajax({
+            method:'GET',
+            url:'http://e-arrahn.test/api/mobile/logout',
+            headers:{
+                'Authorization':'Bearer '+auth_token,
+                'Accept':'*'
+            },
+            success:function(data){
+                Swal.fire({
+                    icon: 'success',
+                    title: 'Berjaya!',
+                    text: 'Logout Berjaya'
+                });
+            },
+            error: function(xhRequest, ErrorText, thrownError){
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Amaran!',
+                    text: 'Logout Tidak Berjaya'
+                });
+                console.log(xhRequest);
+            }
+        });
+    });
+</script>
diff --git a/routes/web.php b/routes/web.php
index 1d1d222..9ab0e6b 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -99,4 +99,8 @@ Route::get('laporan/ringkasanterkumpul/cetak',['as'=>'ringkasanterkumpul.laporan
 
 
 
-Route::post('/barcodescanned',['as'=>'barcode.scanned','uses'=>'KhazanahController@barcodescanned'])->middleware('auth','khazanah');
\ No newline at end of file
+Route::post('/barcodescanned',['as'=>'barcode.scanned','uses'=>'KhazanahController@barcodescanned'])->middleware('auth','khazanah');
+
+Route::get('/test',function(){
+    return view('test');
+});
\ No newline at end of file