diff --git a/app/Http/Controllers/KhazanahController.php b/app/Http/Controllers/KhazanahController.php
index d9fe95b..3a5f19f 100644
--- a/app/Http/Controllers/KhazanahController.php
+++ b/app/Http/Controllers/KhazanahController.php
@@ -195,6 +195,7 @@ class KhazanahController extends Controller
         return view('khazanah.alirantunai',compact('cawangan_info','api_url','arraytunaiharini','arraytunai','listUser','petibesi','arraygadaitebus','arraytuntutbaki','arrayaddtunai'));
     }
 
+
     public function gadaian()
     {
         $auth_user = Auth::user();
diff --git a/public/css/main.css b/public/css/main.css
index ef99b8a..e9c3b4d 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -2,5 +2,5 @@
     width: 290px !important;
 }
 .logo-arrahn-header{
-    width: 20px;
+    width: 70px;
 }
diff --git a/resources/views/aliran_tunai/index.blade.php b/resources/views/aliran_tunai/index.blade.php
index 0352aeb..f542f8e 100644
--- a/resources/views/aliran_tunai/index.blade.php
+++ b/resources/views/aliran_tunai/index.blade.php
@@ -11,8 +11,15 @@
         @php $auth_user = Auth::user();@endphp
         <input type="hidden" id="api" value="{{ $api_url }}"/>
         <div class="col-md-12">
-            <a href="{{ url('/') }}"><i class="fas fa-arrow-left"></i> Kembali</a>
-            <h3 class="text-uppercase text-center">aliran tunai</h3>
+          
+
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                  <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">Aliran Tunai</li>
+                </ol>
+              </nav>
+
             
         <div class="row justify-content-center">  
 
@@ -127,8 +134,8 @@
                           <div class="tab-content" id="nav-tabContent">
                             <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
 
-                                <table class="table text-center" id="tableaddtunai">
-                                    <thead>
+                                <table class="table table-striped table-hover  text-center" id="tableaddtunai">
+                                    <thead class="thead-dark">
                                         <tr>
                                             <th>Bil</th>
                                             <th>Tarikh</th>
@@ -142,8 +149,8 @@
                             </div>
                             <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                                 
-                                <table class="table text-center" id="tablegadaitebus">
-                                    <thead>
+                                <table class="table table-striped table-hover text-center" id="tablegadaitebus">
+                                    <thead class="thead-dark">
                                         <tr>
                                             <th>Bil</th>
                                             <th>No Rujukan</th>
@@ -175,8 +182,8 @@
                             </div>
                             <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
 
-                                <table class="table text-center" id="tabletuntutbaki">
-                                    <thead>
+                                <table class="table table-striped table-hover  text-center" id="tabletuntutbaki">
+                                    <thead class="thead-dark">
                                         <tr>
                                             <th>Bil</th>
                                             <th>Tarikh</th>
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index c3b9423..e47c520 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -1,15 +1,37 @@
 @extends('layouts.login')
 
 @section('content')
+
+<!-- Modal -->
+<div class="modal fade" id="forgotpasswordmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body">
+          ...
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn btn-primary">Save changes</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
 <div class="container">
+
     <div class="row justify-content-center">
         <div class="col-md-8">
             <div class="text-center">
-                    <img src="{{ asset('img/logo_arrahn_baru.png') }}" class="logo-arrahn" alt="Logo Ar Rahn" />
-                    <h1>SISTEM AR-RAHN</h1>
+                    <img src="{{ asset('img/icon_pkb.png') }}" class="logo-arrahn mb-5" alt="Logo Ar Rahn" />
             </div>
             <div class="card">
-                <div class="card-header">{{ __('Login') }}</div>
+                <div class="card-header text-center">System Ar-rahn Online</div>
                 <div class="card-body">
                     <form method="POST" action="{{ route('login') }}">
                         @csrf
@@ -58,7 +80,9 @@
                                 <button type="submit" class="btn btn-primary">
                                     {{ __('Login') }}
                                 </button>
-
+                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#forgotpasswordmodal">
+                                    Forgot Password
+                                </button>
                                 @if (Route::has('password.request'))
                                     <a class="btn btn-link" href="{{ route('password.request') }}">
                                         {{ __('Forgot Your Password?') }}
diff --git a/resources/views/customers/info.blade.php b/resources/views/customers/info.blade.php
index 00d49cf..d8615a5 100644
--- a/resources/views/customers/info.blade.php
+++ b/resources/views/customers/info.blade.php
@@ -11,14 +11,19 @@
 <div class="container">
     <div class="row justify-content-center">
         <div class="col-md-12 col-lg-12">
-            <a href="{{ url('/pelanggan') }}"><i class="fas fa-arrow-left"></i> Kembali</a>
-            <h3 class="text-center text-uppercase">maklumat pelanggan</h3>
+            
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                  <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">Pelanggan</li>
+                </ol>
+              </nav>
             
             <div class="form-group row col-md-12">
                 <div class="col-md-6">
                     <div class="form-group row">
                         <div class="col-md-4">
-                            Nama
+                            <b>Nama</b>
                         </div>
                         <div class="col-md-8">
                             <input type="text" class="form-control" name="name" id="name" readonly value="{{ $customer_info['nama'] }}">
@@ -28,7 +33,7 @@
                 <div class="col-md-6">
                     <div class="form-group row">
                         <div class="col-md-4">
-                            No Kad Pengenalan
+                            <b>No Kad Pengenalan</b>
                         </div>
                         <div class="col-md-8">
                             <input type="text" class="form-control" name="noic" id="noic" readonly value="{{ $customer_info['kpbaru'] }}">
@@ -38,7 +43,7 @@
                 <div class="col-md-6">
                     <div class="form-group row">
                         <div class="col-md-4">
-                            Pembiayaan Semasa
+                            <b>Pembiayaan </b>
                         </div>
                         <div class="col-md-8">
                             @php
@@ -50,7 +55,7 @@
 
                     <div class="form-group row">
                         <div class="col-md-4">
-                            Limit Pembiayaan 
+                            <b>Limit Pembiayaan </b>
                         </div>
                         <div class="col-md-8">
                             @php
@@ -62,7 +67,7 @@
 
                     <div class="form-group row">
                         <div class="col-md-4">
-                            Baki Lelong
+                            <b>Baki Lelong</b>
                         </div>
                         <div class="col-md-8">
                             <input type="text" class="form-control" name="bakilelong" id="bakilelong" readonly value="{{ number_format($bakilelong,2) }}">
@@ -75,7 +80,7 @@
                    
                     <div class="form-group row">
                         <div class="col-md-4">
-                            No Telefon
+                            <b>No Telefon</b>
                         </div>
                         <div class="col-md-8">
                             <input type="text" class="form-control" name="cust_telefon" id="cust_telefon" readonly value="{{ $customer_info['telefon'] }}">
@@ -84,7 +89,7 @@
 
                     <div class="form-group row">
                         <div class="col-md-4">
-                            Nota
+                            <b>Nota</b>
                         </div>
                         <div class="col-md-8">
                             <input type="text" class="form-control" name="nota_semasa" id="nota_semasa" readonly value="{{ $customer_info['nota'] }}">
@@ -93,7 +98,7 @@
                     
                     <div class="form-group row">
                         <div class="col-md-4">
-                            Rugi Lelong
+                            <b>Rugi Lelong</b>
                         </div>
                         <div class="col-md-8">
                             <input type="text" class="form-control" name="rugilelong" id="rugilelong" readonly value="{{ number_format($rugilelong,2) }}">
@@ -126,13 +131,13 @@
                     <nav class="mb-3">
                         <div class="nav nav-tabs" id="nav-tab" role="tablist">
                             <a class="nav-item nav-link active" id="nav-tawarruq-tab" data-toggle="tab" href="#nav-tawarruq" role="tab" aria-controls="nav-tawarruq" aria-selected="true">Tawarruq</a>
-                            <a class="nav-item nav-link" id="nav-xtawarruq-tab" data-toggle="tab" href="#nav-xtawarruq" role="tab" aria-controls="nav-xtawarruq" aria-selected="false">Bukan Tawarruq</a>
+                            <a class="nav-item nav-link" id="nav-xtawarruq-tab" data-toggle="tab" href="#nav-xtawarruq" role="tab" aria-controls="nav-xtawarruq" aria-selected="false">Ar-Rahn</a>
                         </div>
                     </nav>
                     <div class="tab-content" id="nav-tabContent">
                         <div class="tab-pane fade show active" id="nav-tawarruq" role="tabpanel" aria-labelledby="nav-tawarruq-tab">
-                            <table id="myTable">
-                                <thead>
+                            <table class="table table-striped table-hover" id="myTable">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
@@ -148,8 +153,8 @@
                             </table>
                         </div>
                         <div class="tab-pane fade" id="nav-xtawarruq" role="tabpanel" aria-labelledby="nav-xtawarruq-tab">
-                            <table id="xtawarruq">
-                                <thead>
+                            <table id="xtawarruq" class="table table-striped table-hover">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
@@ -166,8 +171,8 @@
 
                     {{-- Sudah Tebus --}}
 
-                    <table id="dahtebusTable">
-                        <thead>
+                    <table id="dahtebusTable" class="table table-striped table-hover">
+                        <thead class="thead-dark">
                             <tr>
                                 <th>Bil</th>
                                 <th>No Rujukan</th>
@@ -179,8 +184,8 @@
                         </thead>
                     </table>
 
-                    <table id="lelongTable">
-                        <thead>
+                    <table id="lelongTable" class="table table-striped table-hover"> 
+                        <thead class="thead-dark">
                             <tr>
                                 <th>Bil</th>
                                 <th>No Rujukan</th>
diff --git a/resources/views/harga_emas/index.blade.php b/resources/views/harga_emas/index.blade.php
index 2f48ff1..592ca22 100644
--- a/resources/views/harga_emas/index.blade.php
+++ b/resources/views/harga_emas/index.blade.php
@@ -4,13 +4,19 @@
 <div class="container">
     <div class="row justify-content-center">
         <div class="col-md-12">
-            <a href="{{ url('/') }}"><i class="fas fa-arrow-left"></i> Kembali</a>
-            <h3 class="text-center text-uppercase">harga emas sandaran</h3>
-            <h5 class="text-center text-uppercase">tarikh kemaskini <span>13/12/2020</span></h5>
+            
+
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                  <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">Harga Emas</li>
+                </ol>
+              </nav>
+
             <div class="card">
                 <div class="card-body text-center">
-                    <table class="table table-striped">
-                        <thead>
+                    <table class="table table-striped table-bordered table-hover">
+                        <thead class="thead-dark">
                             <tr>
                                 <th>Bil</th>
                                 <th>Mutu Emas</th>
diff --git a/resources/views/homepage/khazanah/home.blade.php b/resources/views/homepage/khazanah/home.blade.php
index 84b0c98..f254433 100644
--- a/resources/views/homepage/khazanah/home.blade.php
+++ b/resources/views/homepage/khazanah/home.blade.php
@@ -147,25 +147,25 @@
 
 <div class="container">
 
-    <div class="row justify-content-center">
+    <div class="row justify-content-center" style="margin-top:60px;">
         <div class="col-md-12">
             
             <div class="card">
 
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                <div class="card-header bg-secondary text-center">{{ __('Paparan Utama') }}</div>
 
                 <div class="card-body text-center">
 
                  <div class="row form-group justify-content-center">   
                  <div class="col-3 mx-1">    
                  <div class="row">    
-                <a href="{{ url('dashboard') }}" class="btn btn-primary btn-lg btn-block mb-3">Dashboard</a>
+                <a href="{{ url('dashboard') }}" class="btn btn-info btn-lg btn-block mb-3">Dashboard</a>
                  </div>
                 <div class="row">
-                <a href="{{ url('kakitangan') }}" class="btn btn-primary btn-lg btn-block mb-3">Kakitangan</a>
+                <a href="{{ url('kakitangan') }}" class="btn btn-info btn-lg btn-block mb-3">Kakitangan</a>
             </div>
             <div class="row">
-                <a href="{{ url('kelulusan') }}" id="btnkelulusan" class="btn btn-primary btn-lg btn-block  mb-3">Kelulusan</a>
+                <a href="{{ url('kelulusan') }}" id="btnkelulusan" class="btn btn-info btn-lg btn-block  mb-3">Kelulusan</a>
             </div>
             <div class="row">
                 <a href="{{ url('unjuran') }}" class="btn btn-danger btn-lg btn-block mb-3">Unjuran</a>
@@ -174,34 +174,34 @@
 
                 <div class="col-3 mx-1">
                 <div class="row">
-                <a href="{{ url('khazanah/pelanggan') }}" class="btn btn-primary btn-lg btn-block mb-3">Pelanggan</a>
+                <a href="{{ url('khazanah/pelanggan') }}" class="btn btn-info btn-lg btn-block mb-3">Pelanggan</a>
             </div>
             <div class="row">
-                <a href="{{ route('laporan') }}" class="btn btn-primary btn-lg btn-block mb-3">Laporan</a>
+                <a href="{{ route('laporan') }}" class="btn btn-info btn-lg btn-block mb-3">Laporan</a>
             </div>
             <div class="row">
-                <a href="{{ url('menu') }}" class="btn btn-primary btn-lg btn-block mb-3">Khazanah</a>
+                <a href="{{ url('menu') }}" class="btn btn-info btn-lg btn-block mb-3">Khazanah</a>
             </div>
             <div class="row">
-                <a href="{{ url('pendahuluanserahan') }}" class="btn btn-primary btn-lg btn-block mb-3">Pendahuluan - Serahan</a>
+                <a href="{{ url('pendahuluanserahan') }}" class="btn btn-info btn-lg btn-block mb-3">Pendahuluan - Serahan</a>
             </div>
             <div class="row">
-                <a href="#" data-target="#denominasiShowModal" data-toggle="modal" class="btn btn-primary btn-lg btn-block mb-3">Denominasi</a>
+                <a href="#" data-target="#denominasiShowModal" data-toggle="modal" class="btn btn-info btn-lg btn-block mb-3">Denominasi</a>
             </div>
         
             </div>
                 <div class="col-3 mx-1">
             <div class="row">
-                <a href="{{ url('capaian') }}" class="btn btn-primary btn-lg btn-block mb-3">Capaian</a>
+                <a href="{{ url('capaian') }}" class="btn btn-info btn-lg btn-block mb-3">Capaian</a>
             </div>
             <div class="row">
                 <a href="{{ route('lelong') }}" class="btn btn-danger btn-lg btn-block mb-3">Lelong</a>
             </div>
             <div class="row">
-                <a href="{{ url('panjar') }}" class="btn btn-primary btn-lg btn-block mb-3">Perbelanjaan</a>
+                <a href="{{ url('panjar') }}" class="btn btn-info btn-lg btn-block mb-3">Perbelanjaan</a>
             </div>
             <div class="row">
-                <a href="{{ url('alirantunai') }}" class="btn btn-primary btn-lg btn-block  mb-3">Aliran Tunai</a>
+                <a href="{{ url('alirantunai') }}" class="btn btn-info btn-lg btn-block  mb-3">Aliran Tunai</a>
             </div>
             </div>
                        
diff --git a/resources/views/homepage/operasi/home.blade.php b/resources/views/homepage/operasi/home.blade.php
index e2ccda1..3fb8134 100644
--- a/resources/views/homepage/operasi/home.blade.php
+++ b/resources/views/homepage/operasi/home.blade.php
@@ -2,10 +2,16 @@
 
 @section('content')
 <div class="container">
-    <div class="row justify-content-center">
+    <div class="row justify-content-center  mt-5">
         <div class="col-md-8">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+               
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="#">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Operasi</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <a href="{{ route('operasi.kelulusan') }}" class="btn btn-info btn-lg">Kelulusan</a>
diff --git a/resources/views/homepage/penilai/home.blade.php b/resources/views/homepage/penilai/home.blade.php
index c67ac90..62872fb 100644
--- a/resources/views/homepage/penilai/home.blade.php
+++ b/resources/views/homepage/penilai/home.blade.php
@@ -102,25 +102,31 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="#">Home</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">Gadaian</li>
+                    </ol>
+                  </nav>
+
                 <input type="hidden" name="kodcaw" id="kodcaw" value="{{$cawangan_info['kodcaw']}}">
                 <div class="card-body text-center">
                     <ul class="nav nav-tabs" id="myTab" role="tablist">
                         <li class="nav-item">
-                            <a class="nav-link active" id="gadaian-semasa-tab" data-toggle="tab" href="#gadaian-semasa" role="tab" aria-controls="gadaian-semasa" aria-selected="true">Gadaian Semasa</a>
+                            <a class="nav-link active" id="gadaian-semasa-tab" data-toggle="tab" href="#gadaian-semasa" role="tab" aria-controls="gadaian-semasa" aria-selected="true"> Semasa</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" id="gadaian-belum-serah-tab" data-toggle="tab" href="#gadaian-belum-serah" role="tab" aria-controls="gadaian-belum-serah" aria-selected="false">Gadaian Belum Serah</a>
+                            <a class="nav-link" id="gadaian-belum-serah-tab" data-toggle="tab" href="#gadaian-belum-serah" role="tab" aria-controls="gadaian-belum-serah" aria-selected="false"> Belum Serah</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" id="rekod-gadaian-tab" data-toggle="tab" href="#rekod-gadaian" role="tab" aria-controls="rekod-gadaian" aria-selected="false">Rekod Gadaian</a>
+                            <a class="nav-link" id="rekod-gadaian-tab" data-toggle="tab" href="#rekod-gadaian" role="tab" aria-controls="rekod-gadaian" aria-selected="false">Rekod </a>
                         </li>
                     </ul>
                     <div class="tab-content" id="myTabContent">
                         <div class="tab-pane fade show active" id="gadaian-semasa" role="tabpanel" aria-labelledby="gadaian-semasa-tab">
-                            <h4>Gadaian Semasa</h4>
-                            <table class='table' id='table-gadaian-semasa'>
-                                <thead>
+                            <table class='table table-striped table-hover' id='table-gadaian-semasa'>
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>Nama</th>
@@ -161,18 +167,19 @@
                             </table>
                         </div>
                         <div class="tab-pane fade" id="gadaian-belum-serah" role="tabpanel" aria-labelledby="gadaian-belum-serah-tab">
-                            <h4>Gadaian Belum Serah</h4>
-                            <button class="btn btn-primary pull-left" onclick="checkallfunc()">Check All</button>
-                            <button class="btn btn-primary pull-left" onclick="uncheckallfunc()">UnCheck All</button>
-                            <table class='table' id='table-gadaian-belum-serah'>
-                                <thead>
+                            <div class="float-right mb-3">
+                                <button class="btn btn-primary mt-4 pull-left" onclick="checkallfunc()">Check All</button>
+                                <button class="btn btn-primary mt-4 pull-left" onclick="uncheckallfunc()">Uncheck All</button>
+                            </div>
+                            <table class='table table-striped table-hover' id='table-gadaian-belum-serah'>
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>Nama</th>
                                         <th>No KP</th>
                                         <th>No Rujukan</th>
                                         <th>Pembiayaan (RM)</th>
-                                        <th>Nilai Marhun (RM)</th>
+                                        <th>Nilai Marhun (RM)</th> 
                                         <th>Berat (g)</th>
                                     </tr>
                                 </thead>
@@ -219,7 +226,6 @@
                         <div class="tab-pane fade" id="rekod-gadaian" role="tabpanel" aria-labelledby="rekod-gadaian-tab">
                             <div class="row">
                                 <div class="col-12">
-                                    <h4>Rekod Gadaian</h4>
                                 </div>
                             </div>
                             <div class="row">
@@ -228,8 +234,8 @@
                             </div>
                             <div class="row">
                                 <div class="col-12">
-                                    <table class='table' id='table-rekod-gadaian'>
-                                        <thead>
+                                    <table class='table table-striped table-hover' id='table-rekod-gadaian'>
+                                        <thead class="thead-dark">
                                             <tr>
                                                 <th>Bil</th>
                                                 <th>Nama</th>
diff --git a/resources/views/homepage/teller/home.blade.php b/resources/views/homepage/teller/home.blade.php
index f662a41..754ca9d 100644
--- a/resources/views/homepage/teller/home.blade.php
+++ b/resources/views/homepage/teller/home.blade.php
@@ -2,16 +2,16 @@
 
 @section('content')
 <div class="container">
-    <div class="row justify-content-center">
+    <div class="row justify-content-center" style="margin-top:60px;">
         <div class="col-md-8">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                <div class="card-header bg-secondary"><span style="font-weight:500;">{{ __('Dashboard') }}</span></div>
 
                 <div class="card-body text-center">
-                    <a class="btn btn-primary btn-lg" href="#" onclick="pelangganclick()">PELANGGAN</a>
-                    <a class="btn btn-primary btn-lg" href="{{ url('/harga_emas') }}">HARGA EMAS</a>
-                    <a class="btn btn-primary btn-lg" href="{{ url('/aliran_tunai') }}">ALIRAN TUNAI</a>
-                    <a class="btn btn-primary btn-lg" href="#">TETAPAN</a>
+                    <a class="btn btn-info btn-lg" href="#" onclick="pelangganclick()">PELANGGAN</a>
+                    <a class="btn btn-info btn-lg" href="{{ url('/harga_emas') }}">HARGA EMAS</a>
+                    <a class="btn btn-info btn-lg" href="{{ url('/aliran_tunai') }}">ALIRAN TUNAI</a>
+                    <a class="btn btn-info btn-lg" href="#">TETAPAN</a>
                 </div>
             </div>
         </div>
diff --git a/resources/views/khazanah/agingbulanan.blade.php b/resources/views/khazanah/agingbulanan.blade.php
index c39e884..a51f96a 100644
--- a/resources/views/khazanah/agingbulanan.blade.php
+++ b/resources/views/khazanah/agingbulanan.blade.php
@@ -10,10 +10,8 @@
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Aging Bulanan </h3>
                         </div>
                     </div>
 
diff --git a/resources/views/khazanah/alirantunai.blade.php b/resources/views/khazanah/alirantunai.blade.php
index 329de77..94f8573 100644
--- a/resources/views/khazanah/alirantunai.blade.php
+++ b/resources/views/khazanah/alirantunai.blade.php
@@ -2,24 +2,83 @@
 
 @section('content')
 <div class="container">
+
+ 
+
+<!-- Modal -->
+<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="exampleModalLongTitle">Peti Besi</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <table class='table table-striped table-hover' id='table-PetiBesi' style="width:100%;">
+          <thead class="thead-dark">
+              <tr>
+                  <th>Bil</th>
+                  <th>Tarikh</th>
+                  <th>Baki Awal Tunai</th>
+                  <th>Keluar</th>
+                  <th>Masuk</th>
+                  <th>Baki EOD</th>
+                  <th>Baki Akhir Tunai</th>
+                  <th>Pendahuluan</th>
+                  <th>Serahan</th>
+              </tr>
+          </thead>
+          <tbody>
+            {{-- {{ dd($petibesi) }} --}}
+              @foreach ($petibesi as $tunai)
+                <tr>
+                <td>{{ $loop->iteration }}</td>
+                <td>{{ $tunai['tarikh'] }}</td>
+                <td>{{ $tunai['bakiawal'] }}</td>
+                <td>{{ $tunai['keluar'] }}</td>
+                <td>{{ $tunai['masuk'] }}</td>
+                <td>{{ $tunai['bakieod'] }}</td>
+                <td>{{ $tunai['bakiakhir'] }}</td>
+                <td>{{ $tunai['pendahuluan'] }}</td>
+                <td>{{ $tunai['serahan'] }}</td>
+                </tr>
+              @endforeach
+          </tbody>
+      </table>
+      </div>
+      {{-- <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
+      </div> --}}
+    </div>
+  </div>
+</div>
+
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Aliran Tunai') }}</div>
+
+              <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                  <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">Aliran Tunai</li>
+                </ol>
+              </nav>
+
                 {{-- {{ dd($tunai) }} --}}
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
+                        
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Aliran Tunai</h3>
                         </div>
                         <div class="col-2">
                           
                         </div>
-                        <div class="col-12 justify-content-center d-flex">
+                        {{-- <div class="col-12 justify-content-center d-flex">
                           <ul class="nav nav-pills mb-3 mt-2 " id="pills-tab" role="tablist">  
                             <li class="nav-item">
                               <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-Tunai" role="tab" aria-controls="pills-home" aria-selected="true">Tunai</a>
@@ -28,9 +87,15 @@
                               <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-PetiBesi" role="tab" aria-controls="pills-profile" aria-selected="false">Peti Besi</a>
                             </li>
                           </ul>
-                        </div>
+                        </div> --}}
+                        {{-- <a id="pills-profile-tab" data-toggle="pill" href="#pills-PetiBesi" role="tab" aria-controls="pills-profile" aria-selected="false">Peti Besi</a> --}}
                     </div>
 
+                     <!-- Button trigger modal -->
+                    <button type="button" class="btn btn-danger float-right mr-3" data-toggle="modal" data-target="#exampleModalCenter">
+                      Peti Besi
+                    </button>
+
 
                     <div class="tab-content" id="pills-tabContent">
 
@@ -70,7 +135,7 @@
                                   <div class="col-12 row">
                                     <div class="col-lg-6 col-xl-4 col-12">
                                       <!-- small box -->
-                                      <div class="small-box bg-primary">
+                                      <div class="small-box bg-secondary">
                                         <div class="inner">
                                           <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['bakiawal'],2) }}</h5>
                     
@@ -83,7 +148,7 @@
           
                                     <div class="col-lg-6 col-xl-4 col-12">
                                       <!-- small box -->
-                                      <div class="small-box bg-primary">
+                                      <div class="small-box bg-secondary">
                                         <div class="inner">
                                           <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['tambah'],2) }}</h5>
                     
@@ -96,7 +161,7 @@
           
                                     <div class="col-lg-6 col-xl-4 col-12">
                                       <!-- small box -->
-                                      <div class="small-box bg-primary">
+                                      <div class="small-box bg-secondary">
                                         <div class="inner">
                                           <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['kurang'],2) }}</h5>
                     
@@ -111,7 +176,7 @@
                                 <div class="col-12 row">
                                     <div class="col-lg-6 col-xl-4 col-12">
                                         <!-- small box -->
-                                        <div class="small-box bg-primary">
+                                        <div class="small-box bg-secondary">
                                           <div class="inner">
                                             <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['baki'],2) }}</h5>
                       
@@ -124,7 +189,7 @@
             
                                       <div class="col-lg-6 col-xl-4 col-12">
                                         <!-- small box -->
-                                        <div class="small-box bg-primary">
+                                        <div class="small-box bg-secondary">
                                           <div class="inner">
                                             <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['keluar'],2) }}</h5>
                       
@@ -137,7 +202,7 @@
             
                                       <div class="col-lg-6 col-xl-4 col-12">
                                         <!-- small box -->
-                                        <div class="small-box bg-primary">
+                                        <div class="small-box bg-secondary">
                                           <div class="inner">
                                             <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['masuk'],2) }}</h5>
                       
@@ -155,10 +220,10 @@
 
                                 <ul class="nav nav-tabs mt-4" id="myTab" role="tablist">
                                   <li class="nav-item">
-                                    <a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">History Tunai</a>
+                                    <a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">Rekod Tunai</a>
                                   </li>
                                   <li class="nav-item">
-                                    <a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Add Tunai</a>
+                                    <a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Tunai</a>
                                   </li>
                                   <li class="nav-item">
                                     <a class="nav-link" id="gt-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-gt" role="tab" aria-controls="contact" aria-selected="false">Gadai/Tebus</a>
@@ -174,10 +239,10 @@
                                     
                                       
 
-                                        <table class='table' id='table-{{ $ls->id }}' style="width:100%;">
-                                          <thead>
+                                        <table class='table table-striped table-hover' id='table-{{ $ls->id }}' style="width:100%;">
+                                          <thead class="thead-dark">
                                               <tr>
-                                                  <th>bil</th>
+                                                  <th>Bil</th>
                                                   <th>Tarikh</th>
                                                   <th>Baki Awal Tunai</th>
                                                   <th>Tunai Diterima</th>
@@ -207,8 +272,8 @@
                                     </div>
                                     <div class="tab-pane fade" id="nav-{{ $ls->id }}-addtunai" role="tabpanel" aria-labelledby="addtunai-tab">
                                     
-                                      <table class="table text-center" id="tableaddtunai-{{ $ls->id }}">
-                                        <thead>
+                                      <table class="table table-striped table-hover text-center" id="tableaddtunai-{{ $ls->id }}">
+                                        <thead class="thead-dark">
                                             <tr>
                                                 <th>Bil</th>
                                                 <th>Masa</th>
@@ -235,8 +300,8 @@
                                     </div>
                                     <div class="tab-pane fade" id="nav-{{ $ls->id }}-gt" role="tabpanel" aria-labelledby="gt-tab">
                                     
-                                      <table class="table text-center" id="tablegadaitebus-{{ $ls->id }}">
-                                        <thead>
+                                      <table class="table text-center table-striped table-hover" id="tablegadaitebus-{{ $ls->id }}">
+                                        <thead class="thead-dark">
                                             <tr>
                                                 <th>Bil</th>
                                                 <th>No Rujukan</th>
@@ -268,8 +333,8 @@
                                     </div>
                                     <div class="tab-pane fade" id="nav-{{ $ls->id }}-tuntutbaki" role="tabpanel" aria-labelledby="tuntutbaki-tab">
                                     
-                                      <table class="table text-center" id="tabletuntutbaki-{{ $ls->id }}">
-                                        <thead>
+                                      <table class="table text-center table-striped table-hover" id="tabletuntutbaki-{{ $ls->id }}">
+                                        <thead class="thead-dark">
                                             <tr>
                                                 <th>Bil</th>
                                                 <th>Tarikh</th>
@@ -314,7 +379,7 @@
                                   <div class="col-12 row">
                                     <div class="col-lg-6 col-xl-4 col-12">
                                       <!-- small box -->
-                                      <div class="small-box bg-primary">
+                                      <div class="small-box bg-secondary">
                                         <div class="inner">
                                           <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['bakiawal'],2) }}</h5>
                     
@@ -327,7 +392,7 @@
           
                                     <div class="col-lg-6 col-xl-4 col-12">
                                       <!-- small box -->
-                                      <div class="small-box bg-primary">
+                                      <div class="small-box bg-secondary">
                                         <div class="inner">
                                           <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['tambah'],2) }}</h5>
                     
@@ -340,7 +405,7 @@
           
                                     <div class="col-lg-6 col-xl-4 col-12">
                                       <!-- small box -->
-                                        <div class="small-box bg-primary">
+                                        <div class="small-box bg-secondary">
                                           <div class="inner">
                                             <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['kurang'],2) }}</h5>
                       
@@ -355,7 +420,7 @@
                                 <div class="col-12 row">
                                     <div class="col-lg-6 col-xl-4 col-12">
                                         <!-- small box -->
-                                        <div class="small-box bg-primary">
+                                        <div class="small-box bg-secondary">
                                           <div class="inner">
                                             <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['baki'],2) }}</h5>
                       
@@ -368,7 +433,7 @@
             
                                       <div class="col-lg-6 col-xl-4 col-12">
                                         <!-- small box -->
-                                        <div class="small-box bg-primary">
+                                        <div class="small-box bg-secondary">
                                           <div class="inner">
                                             <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['keluar'],2) }}</h5>
                       
@@ -381,7 +446,7 @@
             
                                       <div class="col-lg-6 col-xl-4 col-12">
                                         <!-- small box -->
-                                        <div class="small-box bg-primary">
+                                        <div class="small-box bg-secondary">
                                           <div class="inner">
                                             <h5>RM {{ (empty($arraytunaiharini[$index1])) ? '0.00' : number_format($arraytunaiharini[$index1]['masuk'],2) }}</h5>
                       
@@ -399,10 +464,10 @@
 
                                   <ul class="nav nav-tabs mt-4" id="myTab" role="tablist">
                                     <li class="nav-item">
-                                      <a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">History Tunai</a>
+                                      <a class="nav-link active" id="history-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-history" role="tab" aria-controls="home" aria-selected="true">Rekod Tunai</a>
                                     </li>
                                     <li class="nav-item">
-                                      <a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Add Tunai</a>
+                                      <a class="nav-link" id="addtunai-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-addtunai" role="tab" aria-controls="profile" aria-selected="false">Tunai</a>
                                     </li>
                                     <li class="nav-item">
                                       <a class="nav-link" id="gt-tab" data-toggle="tab" href="#nav-{{ $ls->id }}-gt" role="tab" aria-controls="contact" aria-selected="false">Gadai/Tebus</a>
@@ -419,10 +484,10 @@
                                     
                                       
 
-                                        <table class='table' id='table-{{ $ls->id }}' style="width:100%;">
-                                          <thead>
+                                        <table class='table table-striped table-hover' id='table-{{ $ls->id }}' style="width:100%;">
+                                          <thead class="thead-dark">
                                               <tr>
-                                                  <th>bil</th>
+                                                  <th>Bil</th>
                                                   <th>Tarikh</th>
                                                   <th>Baki Awal Tunai</th>
                                                   <th>Tunai Diterima</th>
@@ -452,8 +517,8 @@
                                     </div>
                                     <div class="tab-pane fade" id="nav-{{ $ls->id }}-addtunai" role="tabpanel" aria-labelledby="addtunai-tab">
                                     
-                                      <table class="table text-center" id="tableaddtunai-{{ $ls->id }}">
-                                        <thead>
+                                      <table class="table text-center table-striped table-hover" id="tableaddtunai-{{ $ls->id }}">
+                                        <thead class="thead-dark">
                                             <tr>
                                                 <th>Bil</th>
                                                 <th>Masa</th>
@@ -481,8 +546,8 @@
                                     </div>
                                     <div class="tab-pane fade" id="nav-{{ $ls->id }}-gt" role="tabpanel" aria-labelledby="gt-tab">
                                     
-                                      <table class="table text-center" id="tablegadaitebus-{{ $ls->id }}">
-                                        <thead>
+                                      <table class="table text-center table-striped table-hover" id="tablegadaitebus-{{ $ls->id }}">
+                                        <thead class="thead-dark">
                                             <tr>
                                                 <th>Bil</th>
                                                 <th>No Rujukan</th>
@@ -514,8 +579,8 @@
                                     </div>
                                     <div class="tab-pane fade" id="nav-{{ $ls->id }}-tuntutbaki" role="tabpanel" aria-labelledby="tuntutbaki-tab">
                                     
-                                      <table class="table text-center" id="tabletuntutbaki-{{ $ls->id }}">
-                                        <thead>
+                                      <table class="table text-center table-striped table-hover" id="tabletuntutbaki-{{ $ls->id }}">
+                                        <thead class="thead-dark">
                                             <tr>
                                                 <th>Bil</th>
                                                 <th>Tarikh</th>
@@ -562,37 +627,7 @@
 
                       <div class="tab-pane fade" id="pills-PetiBesi" role="tabpanel" aria-labelledby="pills-profile-tab">
 
-                        <table class='table mt-4' id='table-PetiBesi' style="width:100%;">
-                          <thead>
-                              <tr>
-                                  <th>bil</th>
-                                  <th>Tarikh</th>
-                                  <th>Baki Awal Tunai</th>
-                                  <th>Keluar</th>
-                                  <th>Masuk</th>
-                                  <th>Baki EOD</th>
-                                  <th>Baki Akhir Tunai</th>
-                                  <th>Pendahuluan</th>
-                                  <th>Serahan</th>
-                              </tr>
-                          </thead>
-                          <tbody>
-                            {{-- {{ dd($petibesi) }} --}}
-                              @foreach ($petibesi as $tunai)
-                                <tr>
-                                <td>{{ $loop->iteration }}</td>
-                                <td>{{ $tunai['tarikh'] }}</td>
-                                <td>{{ $tunai['bakiawal'] }}</td>
-                                <td>{{ $tunai['keluar'] }}</td>
-                                <td>{{ $tunai['masuk'] }}</td>
-                                <td>{{ $tunai['bakieod'] }}</td>
-                                <td>{{ $tunai['bakiakhir'] }}</td>
-                                <td>{{ $tunai['pendahuluan'] }}</td>
-                                <td>{{ $tunai['serahan'] }}</td>
-                                </tr>
-                              @endforeach
-                          </tbody>
-                      </table>
+                      
 
                       </div>
                     </div>
diff --git a/resources/views/khazanah/capaian.blade.php b/resources/views/khazanah/capaian.blade.php
index ac488e2..61e14af 100644
--- a/resources/views/khazanah/capaian.blade.php
+++ b/resources/views/khazanah/capaian.blade.php
@@ -5,16 +5,20 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Capaian</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Capaian</h3>
                         </div>
                         <div class="col-2">
                         </div>
@@ -48,8 +52,8 @@
 
                     <div class="mt-3">
 
-                        <table class='table mt-4' id='table-capaian' style="width:100%;">
-                            <thead>
+                        <table class='table table-striped table-hover' id='table-capaian' style="width:100%;">
+                            <thead class="thead-dark">
                                 <tr>
                                     <th>Bil</th>
                                     <th>Teller</th>
diff --git a/resources/views/khazanah/dashboard.blade.php b/resources/views/khazanah/dashboard.blade.php
index 21dde55..5582405 100644
--- a/resources/views/khazanah/dashboard.blade.php
+++ b/resources/views/khazanah/dashboard.blade.php
@@ -5,16 +5,21 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                
+              <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                  <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
+                </ol>
+              </nav>
+
 
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Dashboard</h3>
                         </div>
                         <div class="col-2">
                         </div>
@@ -26,11 +31,11 @@
 
                         <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-success">
                               <div class="inner">
                                 <h3>RM {{ ($ringkasanharian['gadai'][0]['jumlahpinjaman']) ? number_format($ringkasanharian['gadai'][0]['jumlahpinjaman'],2) : "0.00"  }}</h3>
           
-                                <p>Gadai Hari Ini</p>
+                                <p style="font-weight:bold;">Gadai Hari Ini</p>
                               </div>
                               <div class="icon">
                               </div>
@@ -40,7 +45,7 @@
 
                           <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-warning">
                               <div class="inner">
                                 <h3>RM {{ ($ringkasanharian['tebus'][0]['jumlahpinjaman']) ? number_format($ringkasanharian['tebus'][0]['jumlahpinjaman'],2) : "0.00"  }}</h3>
           
@@ -54,7 +59,7 @@
 
                           <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-success">
                               <div class="inner">
                                 <h3>RM {{ number_format($keseluruhanupahharian,2) }}</h3>
           
@@ -71,7 +76,7 @@
                           {{-- Second Column --}}
                           <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-light">
                               <div class="inner">
                                 <h3>RM {{ ($dashboard[0]['gadai']) ? number_format((float)$dashboard[0]['gadai'],2) : "0.00" }}</h3>
           
@@ -85,7 +90,7 @@
 
                           <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-light">
                               <div class="inner">
                                 <h3>RM {{ ($dashboard[0]['tebus']) ? number_format((float)$dashboard[0]['tebus'],2) : "0.00" }}</h3>
           
@@ -99,7 +104,7 @@
 
                           <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-light">
                               <div class="inner">
                                 <h3>RM {{ number_format($keseluruhanupahterkumpul) }}</h3>
           
@@ -117,7 +122,7 @@
 
                           <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-light">
                               <div class="inner">
                                 <h3>RM {{ ($dashboard[0]['variasi']) ? number_format((float)$dashboard[0]['variasi'],2) : "0.00" }}</h3>
           
@@ -131,7 +136,7 @@
 
                           <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-light">
                               <div class="inner">
                                 <h3>RM {{ number_format($totalmarhun,2) }}</h3>
           
@@ -145,7 +150,7 @@
 
                           <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-light">
                               <div class="inner">
                                 <h3>RM {{ ($dashboard[0]['outstanding']) ? number_format((float)$dashboard[0]['outstanding'],2) : "0.00" }}</h3>
           
@@ -163,7 +168,7 @@
 
                           <div class="col-lg-6 col-xl-4 col-12">
                             <!-- small box -->
-                            <div class="small-box bg-primary">
+                            <div class="small-box bg-info">
                               <div class="inner">
                                 <h3>RM {{ number_format($getVault,2) }}</h3>
           
diff --git a/resources/views/khazanah/gadaian.blade.php b/resources/views/khazanah/gadaian.blade.php
index a94d326..9857c00 100644
--- a/resources/views/khazanah/gadaian.blade.php
+++ b/resources/views/khazanah/gadaian.blade.php
@@ -55,12 +55,18 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ url('menu') }}">Khazanah</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Kelulusan Gadaian</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('menu') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 justify-content-center">
                             <form action="{{ route('barcode.scanned') }}" onsubmit="return checkserah(this)" method="post">
@@ -89,14 +95,12 @@
                                 <div class="col-2">
                                 </div>
                                 <div class="col-8 justify-content-center">
-                                    <h4 class="mt-4 mb-4">Kelulusan Gadaian</h4>
                                 </div>
                                 <div class="col-2 justify-content-end">
-                                    <h5 class="mt-4 mb-4">Gadaian : <span class="badge badge-success"></span></h5>
                                 </div>
                             </div>
-                            <table class='table mt-4' id='table-gadaian-semasa'>
-                                <thead>
+                            <table class='table table-striped table-hover' id='table-gadaian-semasa'>
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
@@ -132,14 +136,12 @@
                                 <div class="col-1">
                                 </div>
                                 <div class="col-8 justify-content-center">
-                                    <h4 class="mt-4 mb-4">Pengesahan Marhun Dari Khazanah</h4>
                                 </div>
                                 <div class="col-3 justify-content-end">
-                                    <h5 class="mt-4 mb-4">Semakan Marhun : <span class="badge badge-success"></span></h5>
                                 </div>
                             </div>
-                            <table class='table mt-4' id='table-gadaian-belum-serah'>
-                                <thead>
+                            <table class='table table-striped table-hover' id='table-gadaian-belum-serah'>
+                                <thead class="thead-dark"> 
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
@@ -174,15 +176,15 @@
 
                     <div class="row mt-5">
                         <div class="col-md-12">
-                            <div class="row form-group">
-                                <label class="label-control col-md-3">Nilai Marhun Terkumpul (Telah Lulus)</label>
+                            <div class="row form-group justify-content-end">
+                                <label class="label-control mr-3">Nilai Marhun Terkumpul</label>
                                 <input class="form-control col-md-3" type="text" value="{{ number_format($total_nm,2) }}" readonly/>
                             </div>
                         </div>
                         
                     </div>
-                    <div class="row mt-2 d-flex justify-content-center">
-                        <a href="{{ route('laporanscanbarcode') }}" target="_blank" class="btn btn-info mr-md-2">Laporan Scan Barcode Gadaian</a>
+                    <div class="row mt-2 d-flex justify-content-end">
+                        <a href="{{ route('laporanscanbarcode') }}" target="_blank" class="btn btn-info mr-md-2">Rekod Barcode Gadaian</a>
                         <!-- <a href="#" class="btn btn-info">Senarai Pembatalan No Rujukan</a> -->
                     </div>
                 </div>
diff --git a/resources/views/khazanah/kakitangan.blade.php b/resources/views/khazanah/kakitangan.blade.php
index 585a30e..f8fb290 100644
--- a/resources/views/khazanah/kakitangan.blade.php
+++ b/resources/views/khazanah/kakitangan.blade.php
@@ -2,28 +2,28 @@
 
 @section('content')
 <div class="container">
-    <div class="row justify-content-center">
+    <div class="row justify-content-center mt-3">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Kakitangan</li>
+                    </ol>
+                  </nav>
 
-                <div class="card-body text-center">
+
+                <div class="card-body">
                     
                     <div class="row mb-4">
-                        <div class="col-2 justify-content-start">
-                        <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
-                        </div>
-                        <div class="col-8 mt-3 justify-content-center">
-                            <h3>Kakitangan</h3>
-                        </div>
-                        <div class="col-2">
-                        </div>
+                       
                     </div>
                     <form action="{{ route('kakitangan.harian') }}" method="post">
                         @csrf
-                        <div class="col-12">
+                        <div class="col-12 text-center">
                             <div class="row">
-                                <div class="row col-6">   
+                                <div class="row col-6"> 
                                     <label class="col-6">Pengurus Cawangan:</label>
                                     <input type="text" class="form-control col-6" readonly name="pc" id="pc" value="{{ $pc['name'] }}"/>
                                     <input type="text" class="form-control col-6" hidden name="pc_id" id="pc_id" value="{{ $pc['id'] }}"/>
@@ -40,7 +40,7 @@
                             </div>
                         </div>
 
-                        <div class="col-12 mt-4">
+                        <div class="col-12 mt-4 text-center">
                             <div class="row">
                                 <div class="row col-6">   
                                     <label class="col-6">Pen. Peng. Cawangan:</label>
@@ -61,14 +61,14 @@
 
                         <div class="col-12 row justify-content-end mt-4 mb-4">
                             <!-- <button class="btn btn-info">Sahkan</button> -->
-                            <input type="submit" class="btn btn-primary" value="Sahkan">
+                            <input type="submit" class="btn btn-primary mr-4" value="Sahkan">
                         </div>
                     </form>
                     
 
 
-                    <table class='table mt-4' id='table-kakitangan' style="width:100%;">
-                        <thead>
+                    <table class='table table-hover table-striped' id='table-kakitangan' style="width:100%;">
+                        <thead class="thead-dark">
                             <tr>
                                 <th>Bil</th>
                                 <th>Teller</th>
diff --git a/resources/views/khazanah/kelulusan.blade.php b/resources/views/khazanah/kelulusan.blade.php
index 88c0518..a04b7c5 100644
--- a/resources/views/khazanah/kelulusan.blade.php
+++ b/resources/views/khazanah/kelulusan.blade.php
@@ -82,26 +82,32 @@
 
 
 <div class="container">
-    <div class="row justify-content-center">
+    <div class="row justify-content-center mt-5">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Kelulusan</li>
+                    </ol>
+                  </nav>
+
 
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
+
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Kelulusan</h3>
                         </div>
                         <div class="col-2">
                         </div>
                     </div>
 
-                    <table class='table mt-4' id='table-kelulusan' style="width:100%;">
-                        <thead>
+                    <table class='table table-hover table-striped' id='table-kelulusan' style="width:100%;">
+                        <thead class="thead-dark">
                             <tr>
                                 <th>No Rujukan</th>
                                 <th>Teller</th>
@@ -146,9 +152,9 @@
                         </tbody>
                     </table>
 
-                    <div class="row mt-4 d-flex justify-content-center">
+                    <div class="row mt-4 d-flex justify-content-end">
                 
-                        <a href="{{ route('khazanah.rekodlepas') }}" class="btn btn-info ml-2 col-3">Rekod Telah Lulus</a>
+                        <a href="{{ route('khazanah.rekodlepas') }}" class="btn btn-info mr-3 ">Rekod Kelulusan</a>
 
                     </div>
                 
diff --git a/resources/views/khazanah/laporan/agingbulanan.blade.php b/resources/views/khazanah/laporan/agingbulanan.blade.php
index c39e884..a51f96a 100644
--- a/resources/views/khazanah/laporan/agingbulanan.blade.php
+++ b/resources/views/khazanah/laporan/agingbulanan.blade.php
@@ -10,10 +10,8 @@
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Aging Bulanan </h3>
                         </div>
                     </div>
 
diff --git a/resources/views/khazanah/laporan/ansuran.blade.php b/resources/views/khazanah/laporan/ansuran.blade.php
index 85b62b2..65450c2 100644
--- a/resources/views/khazanah/laporan/ansuran.blade.php
+++ b/resources/views/khazanah/laporan/ansuran.blade.php
@@ -5,15 +5,19 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Semakan Penebusan') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Ansuran</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Semakan Ansuran</h3>
                         </div>
                     </div>
                     <div class="row">
@@ -32,8 +36,8 @@
                     </div>
                     <div class="row">
                         <div class="col-md-12">
-                            <table class="" id="myTable">
-                                <thead>
+                            <table class="table table-striped table-hover" id="myTable">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
diff --git a/resources/views/khazanah/laporan/batalsuratgadai.blade.php b/resources/views/khazanah/laporan/batalsuratgadai.blade.php
index e6c335b..07f963a 100644
--- a/resources/views/khazanah/laporan/batalsuratgadai.blade.php
+++ b/resources/views/khazanah/laporan/batalsuratgadai.blade.php
@@ -5,15 +5,20 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Batal Gadai') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Batal Surat Gadai</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Batal Surat Gadai</h3>
                         </div>
                     </div>
                     <div class="row">
@@ -32,8 +37,8 @@
                     </div>
                     <div class="row">
                         <div class="col-md-12">
-                            <table class="" id="myTable">
-                                <thead>
+                            <table class="table table-striped table-hover" id="myTable">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
diff --git a/resources/views/khazanah/laporan/datalejer_am.blade.php b/resources/views/khazanah/laporan/datalejer_am.blade.php
index abcd5d5..de299bf 100644
--- a/resources/views/khazanah/laporan/datalejer_am.blade.php
+++ b/resources/views/khazanah/laporan/datalejer_am.blade.php
@@ -11,10 +11,8 @@
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-15">
-                            <h3>Data Lejer Am </h3>
                         </div>
                     </div>
                       <div class="container">
diff --git a/resources/views/khazanah/laporan/gadaian.blade.php b/resources/views/khazanah/laporan/gadaian.blade.php
index 29245bf..dc0b4cb 100644
--- a/resources/views/khazanah/laporan/gadaian.blade.php
+++ b/resources/views/khazanah/laporan/gadaian.blade.php
@@ -5,15 +5,19 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Semakan Gadaian') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Gadaian</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Semakan Gadaian</h3>
                         </div>
                     </div>
                     <div class="row">
@@ -32,8 +36,8 @@
                     </div>
                     <div class="row">
                         <div class="col-md-12">
-                            <table class="" id="myTable">
-                                <thead>
+                            <table class="table table-striped table-hover" id="myTable">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>Nama</th>
diff --git a/resources/views/khazanah/laporan/imbangduga.blade.php b/resources/views/khazanah/laporan/imbangduga.blade.php
index d5e3817..a4d0031 100644
--- a/resources/views/khazanah/laporan/imbangduga.blade.php
+++ b/resources/views/khazanah/laporan/imbangduga.blade.php
@@ -12,10 +12,8 @@
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-15">
-                            <h3>Data Imbangduga</h3>
                         </div>
                     </div>
                       <div class="container">
diff --git a/resources/views/khazanah/laporan/index.blade.php b/resources/views/khazanah/laporan/index.blade.php
index f484981..0ce928b 100644
--- a/resources/views/khazanah/laporan/index.blade.php
+++ b/resources/views/khazanah/laporan/index.blade.php
@@ -5,23 +5,28 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Laporan</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                    
                     <div class="row form-group justify-content-center">   
                         <div class="col-3 mx-1">    
                             <div class="row">    
-                                <a href="{{ route('laporan.gadaian') }}" class="btn btn-primary btn-lg btn-block mb-3">Gadaian</a>
+                                <a href="{{ route('laporan.gadaian') }}" class="btn btn-dark btn-lg btn-block mb-3">Gadaian</a>
                             </div>
                             <div class="row">
-                                <a href="{{ route('laporan.lelongan') }}" class="btn btn-primary btn-lg btn-block mb-3">Lelongan</a>
+                                <a href="{{ route('laporan.lelongan') }}" class="btn btn-dark btn-lg btn-block mb-3">Lelongan</a>
                             </div>
                             <div class="row">
-                                <a href="{{ route('laporan.pelangganbaru') }}" class="btn btn-primary btn-lg btn-block  mb-3">Pelanggan Baru</a>
+                                <a href="{{ route('laporan.pelangganbaru') }}" class="btn btn-dark btn-lg btn-block  mb-3">Pelanggan Baru</a>
                             </div>
                             <div class="row">
-                                <a href="{{ route('ringkasanterkumpul.laporancetak') }}" class="btn btn-primary btn-lg btn-block mb-3">Ringkasan Terkumpul</a>
+                                <a href="{{ route('ringkasanterkumpul.laporancetak') }}" class="btn btn-dark btn-lg btn-block mb-3">Ringkasan Terkumpul</a>
                             </div>
                             <div class="row">
                                 <a href="" class="btn btn-danger btn-lg btn-block mb-3">Aging Bulan</a>
@@ -30,24 +35,24 @@
                                 <a href="" class="btn btn-danger btn-lg btn-block mb-3">Aging Pemodal</a>
                             </div>
                             {{-- <div class="row">
-                                <a href="{{route('laporan.stokauditbersih')}}" class="btn btn-primary btn-lg btn-block mb-3">Stok Audit Bersih</a>
+                                <a href="{{route('laporan.stokauditbersih')}}" class="btn btn-dark btn-lg btn-block mb-3">Stok Audit Bersih</a>
                             </div> --}}
                             {{-- <div class="row">
-                                <a href="{{ route('laporan.stokauditdetails')}}" class="btn btn-primary btn-lg btn-block mb-3">Stok Audit Details</a>
+                                <a href="{{ route('laporan.stokauditdetails')}}" class="btn btn-dark btn-lg btn-block mb-3">Stok Audit Details</a>
                             </div> --}}
                         </div>
                         <div class="col-3 mx-1">
                             <div class="row">
-                                <a href="{{ route('laporan.tebus') }}" class="btn btn-primary btn-lg btn-block mb-3">Penebusan</a>
+                                <a href="{{ route('laporan.tebus') }}" class="btn btn-dark btn-lg btn-block mb-3">Penebusan</a>
                             </div>
                             <div class="row">
-                                <a href="{{ route('laporan.kawalanstok') }}" class="btn btn-primary btn-lg btn-block mb-3">Kawalan Stok Produk</a>
+                                <a href="{{ route('laporan.kawalanstok') }}" class="btn btn-dark btn-lg btn-block mb-3">Kawalan Stok Produk</a>
                             </div>
                             <div class="row">
-                                <a href="{{ route('laporan.batalsuratgadai') }}" class="btn btn-primary btn-lg btn-block mb-3">Batal Surat Gadai</a>
+                                <a href="{{ route('laporan.batalsuratgadai') }}" class="btn btn-dark btn-lg btn-block mb-3">Batal Surat Gadai</a>
                             </div>
                             <div class="row">
-                                <a href="{{ route('laporan.marhunharian') }}" class="btn btn-primary btn-lg btn-block mb-3">Marhun Harian</a>
+                                <a href="{{ route('laporan.marhunharian') }}" class="btn btn-dark btn-lg btn-block mb-3">Marhun Harian</a>
                             </div>
                             <div class="row">
                                 <a href="" class="btn btn-danger btn-lg btn-block mb-3">Aging Pinjaman</a>
@@ -61,16 +66,16 @@
                         </div>
                         <div class="col-3 mx-1">
                             <div class="row">
-                                <a href="{{ route('laporan.ansuran') }}" class="btn btn-primary btn-lg btn-block mb-3">Ansuran</a>
+                                <a href="{{ route('laporan.ansuran') }}" class="btn btn-dark btn-lg btn-block mb-3">Ansuran</a>
                             </div>
                             <div class="row">
-                                <a href="{{ route('stokaudit.laporancetak') }}" class="btn btn-primary btn-lg btn-block mb-3">Stok Audit</a>
+                                <a href="{{ route('stokaudit.laporancetak') }}" class="btn btn-dark btn-lg btn-block mb-3">Stok Audit</a>
                             </div>
                             <div class="row">
-                                <a href="{{ route('ringkasanharian.laporancetak') }}" class="btn btn-primary btn-lg btn-block mb-3">Ringkasan Harian</a>
+                                <a href="{{ route('ringkasanharian.laporancetak') }}" class="btn btn-dark btn-lg btn-block mb-3">Ringkasan Harian</a>
                             </div>
                             <div class="row">
-                                <a href="{{ route('laporan.marhunterkumpul') }}" class="btn btn-primary btn-lg btn-block mb-3">Marhun Terkumpul</a>
+                                <a href="{{ route('laporan.marhunterkumpul') }}" class="btn btn-dark btn-lg btn-block mb-3">Marhun Terkumpul</a>
                             </div>
                             <div class="row">
                                 <a href="" class="btn btn-danger btn-lg btn-block mb-3">Aging Kawalan Stok</a>
@@ -79,7 +84,7 @@
                                 <a href="{{route('laporan.imbangduga')}}" class="btn btn-danger btn-lg btn-block mb-3">Laporan ImbangDuga </a>
                             </div>
                             <div class="row">
-                                <a href="{{route('laporan.petibesi')}}" class="btn btn-primary btn-lg btn-block mb-3">Laporan Peti Besi</a>
+                                <a href="{{route('laporan.petibesi')}}" class="btn btn-dark btn-lg btn-block mb-3">Laporan Peti Besi</a>
                             </div>
                             
                         </div>
diff --git a/resources/views/khazanah/laporan/kawalanstok.blade.php b/resources/views/khazanah/laporan/kawalanstok.blade.php
index 1575468..3b95c01 100644
--- a/resources/views/khazanah/laporan/kawalanstok.blade.php
+++ b/resources/views/khazanah/laporan/kawalanstok.blade.php
@@ -5,15 +5,19 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Semakan Penebusan') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Kawalan Stok</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Kawalan Stok</h3>
                         </div>
                     </div>
                     <div class="row">
diff --git a/resources/views/khazanah/laporan/lelongan.blade.php b/resources/views/khazanah/laporan/lelongan.blade.php
index 11ab05a..8274f1f 100644
--- a/resources/views/khazanah/laporan/lelongan.blade.php
+++ b/resources/views/khazanah/laporan/lelongan.blade.php
@@ -5,15 +5,19 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Semakan Penebusan') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Lelongan</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Semakan Lelongan</h3>
                         </div>
                     </div>
                     <div class="row">
@@ -32,8 +36,8 @@
                     </div>
                     <div class="row">
                         <div class="col-md-12">
-                            <table class="" id="myTable">
-                                <thead>
+                            <table class="table table-striped table-hover" id="myTable">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
diff --git a/resources/views/khazanah/laporan/marhunharian.blade.php b/resources/views/khazanah/laporan/marhunharian.blade.php
index 7454c24..e4925a5 100644
--- a/resources/views/khazanah/laporan/marhunharian.blade.php
+++ b/resources/views/khazanah/laporan/marhunharian.blade.php
@@ -5,15 +5,19 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Semakan Penebusan') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Marhun Harian</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Marhun Harian</h3>
                         </div>
                     </div>
                     <div class="row">
@@ -32,8 +36,8 @@
                     </div>
                     <div class="row">
                         <div class="col-md-12">
-                            <table class="" id="myTable">
-                                <thead>
+                            <table class="table table-striped table-hover" id="myTable">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
diff --git a/resources/views/khazanah/laporan/marhunterkumpul.blade.php b/resources/views/khazanah/laporan/marhunterkumpul.blade.php
index 7f77789..5e070c4 100644
--- a/resources/views/khazanah/laporan/marhunterkumpul.blade.php
+++ b/resources/views/khazanah/laporan/marhunterkumpul.blade.php
@@ -5,15 +5,19 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Semakan Penebusan') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Marhun Terkumpul</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Marhun Terkumpul</h3>
                         </div>
                     </div>
                     <div class="row">
diff --git a/resources/views/khazanah/laporan/pelangganbaru.blade.php b/resources/views/khazanah/laporan/pelangganbaru.blade.php
index 2e937f7..dd3c930 100644
--- a/resources/views/khazanah/laporan/pelangganbaru.blade.php
+++ b/resources/views/khazanah/laporan/pelangganbaru.blade.php
@@ -5,15 +5,20 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Pelanggan Baru') }}</div>
+               
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Pelanggan Baru</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Pelanggan Baru</h3>
                         </div>
                     </div>
                     <div class="row">
@@ -32,8 +37,8 @@
                     </div>
                     <div class="row">
                         <div class="col-md-12">
-                            <table class="" id="myTable">
-                                <thead>
+                            <table class="table table-striped table-hover" id="myTable">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Pelanggan</th>
diff --git a/resources/views/khazanah/laporan/penebusan.blade.php b/resources/views/khazanah/laporan/penebusan.blade.php
index 273cd73..61cb897 100644
--- a/resources/views/khazanah/laporan/penebusan.blade.php
+++ b/resources/views/khazanah/laporan/penebusan.blade.php
@@ -5,15 +5,19 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Semakan Penebusan') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Penebusan</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Semakan Penebusan</h3>
                         </div>
                     </div>
                     <div class="row">
@@ -32,8 +36,8 @@
                     </div>
                     <div class="row">
                         <div class="col-md-12">
-                            <table class="" id="myTable">
-                                <thead>
+                            <table class="table table-striped table-hover" id="myTable">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>Nama</th>
diff --git a/resources/views/khazanah/laporan/petibesi.blade.php b/resources/views/khazanah/laporan/petibesi.blade.php
index a26f7de..a9ad8da 100644
--- a/resources/views/khazanah/laporan/petibesi.blade.php
+++ b/resources/views/khazanah/laporan/petibesi.blade.php
@@ -5,15 +5,19 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Semakan Penebusan') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Peti Besi</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Peti Besi</h3>
                         </div>
                     </div>
                     <div class="row">
diff --git a/resources/views/khazanah/laporan/stokaudit.blade.php b/resources/views/khazanah/laporan/stokaudit.blade.php
index a3ed59b..508588d 100644
--- a/resources/views/khazanah/laporan/stokaudit.blade.php
+++ b/resources/views/khazanah/laporan/stokaudit.blade.php
@@ -5,15 +5,19 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Laporan Semakan Penebusan') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ route('laporan') }}">Laporan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Stok Audit</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row form-group">
                         <div class="col-md-2">
-                            <a href="{{ route('laporan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-md-10">
-                            <h3>Laporan Stok Audit</h3>
                         </div>
                     </div>
                     <div class="row">
diff --git a/resources/views/khazanah/menu.blade.php b/resources/views/khazanah/menu.blade.php
index b40fb3d..87f2ca6 100644
--- a/resources/views/khazanah/menu.blade.php
+++ b/resources/views/khazanah/menu.blade.php
@@ -5,14 +5,21 @@
     <div class="row justify-content-center">
         <div class="col-md-8">
             <div class="card">
-                <div class="card-header">{{ __('Khazanah') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Khazanah</li>
+                    </ol>
+                  </nav>
 
-                <div class="card-body text-center mx-auto">
+                <div class="card-body mx-auto">
                    
-                <a href="{{ url('khazanahgadaian') }}" class="btn btn-info ml-2 btn-lg btn-block">Gadai <span class="badge badge-light">{{ count($gadai) }}</span></a>
-                <a href="{{ url('khazanahtebus') }}" class="btn btn-info ml-2 btn-lg btn-block">Tebus <span class="badge badge-light">{{ count($listserah) }}</span></a>   
-                <a href="{{ url('pendahuluan') }}" class="btn btn-info ml-2 btn-lg btn-block">Pendahuluan <span class="badge badge-light">{{ $countmodal }}</span></a>
-                <a href="{{ url('serahan') }}" class="btn btn-info ml-2 btn-lg btn-block">Serahan <span class="badge badge-light">{{ $countserahan }}</span></a>
+                <a href="{{ url('khazanahgadaian') }}" class="btn btn-info mb-4 ml-2 mr-2 btn-lg col-5">Gadai <span class="badge badge-light ">{{ count($gadai) }}</span></a>
+                <a href="{{ url('khazanahtebus') }}" class="btn btn-info mb-4 ml-2 mr-2  btn-lg col-5">Tebus <span class="badge badge-light">{{ count($listserah) }}</span></a>   
+
+                <a href="{{ url('pendahuluan') }}" class="btn btn-info  ml-2 mr-2 btn-lg col-5">Pendahuluan <span class="badge badge-light">{{ $countmodal }}</span></a>
+                <a href="{{ url('serahan') }}" class="btn btn-info btn-lg ml-2 mr-2 col-5">Serahan <span class="badge badge-light">{{ $countserahan }}</span></a>
                 </div>
             </div>
         </div>
diff --git a/resources/views/khazanah/panjar.blade.php b/resources/views/khazanah/panjar.blade.php
index 02a5aa4..19bdd69 100644
--- a/resources/views/khazanah/panjar.blade.php
+++ b/resources/views/khazanah/panjar.blade.php
@@ -9,16 +9,20 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Perbelanjaan') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Panjar</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Panjar</h3>
                         </div>
                         <div class="col-2">
                         </div>
@@ -48,8 +52,8 @@
                                 <button class="btn btn-primary btn-lg btn-block"  data-toggle="modal" data-target="#PosModal" data-backdrop="static" data-keyboard="false">Pos</button>
                             </div>
                             <div class="col-9">
-                                <table class='table mt-4' id='table-panjar' style="width:100%;">
-                                    <thead>
+                                <table class='table table-striped table-hover' id='table-panjar' style="width:100%;">
+                                    <thead class="thead-dark">
                                         <tr>
                                             <th>bil</th>
                                             <th>tarikh</th>
diff --git a/resources/views/khazanah/pelanggan.blade.php b/resources/views/khazanah/pelanggan.blade.php
index ac488e2..f4a30fd 100644
--- a/resources/views/khazanah/pelanggan.blade.php
+++ b/resources/views/khazanah/pelanggan.blade.php
@@ -48,7 +48,7 @@
 
                     <div class="mt-3">
 
-                        <table class='table mt-4' id='table-capaian' style="width:100%;">
+                        <table class='table' id='table-capaian' style="width:100%;">
                             <thead>
                                 <tr>
                                     <th>Bil</th>
diff --git a/resources/views/khazanah/pendahuluan.blade.php b/resources/views/khazanah/pendahuluan.blade.php
index 37ed8f9..019b50a 100644
--- a/resources/views/khazanah/pendahuluan.blade.php
+++ b/resources/views/khazanah/pendahuluan.blade.php
@@ -5,16 +5,22 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ url('menu') }}">Khazanah</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Pendahuluan</li>
+                    </ol>
+                  </nav>
+
 
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('menu') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Pendahuluan</h3>
                         </div>
                         <div class="col-2">
                         </div>
@@ -45,8 +51,8 @@
 
                     </div>
 
-                     <table class='table mt-4' id='table-pendahuluan' style="width:100%;">
-                        <thead>
+                     <table class='table table-striped table-hover' id='table-pendahuluan' style="width:100%;">
+                        <thead class="thead-dark">
                             
                                 <th>Bil</th>
                                 <th>Teller ID</th>
diff --git a/resources/views/khazanah/pendahuluanserahanmain.blade.php b/resources/views/khazanah/pendahuluanserahanmain.blade.php
index d0e020a..951cc09 100644
--- a/resources/views/khazanah/pendahuluanserahanmain.blade.php
+++ b/resources/views/khazanah/pendahuluanserahanmain.blade.php
@@ -10,16 +10,20 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Pendahuluan Serahan') }}</div>
+    
+                    <nav aria-label="breadcrumb">
+                        <ol class="breadcrumb pb-3">
+                          <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                          <li class="breadcrumb-item active" aria-current="page">Pendahuluan Serahan</li>
+                        </ol>
+                      </nav>
 
                 <div class="card-body">
-               
-                    <h5 class="text-center">Senarai Pendahuluan Serahan</h5>
 
-                    <div class="mt-3 text-center mx-auto">
+                    <div class="mt-3 mx-auto">
                                
-                        <table class='table mt-4' id='table-pendahuluanserahan' style="width: 100%;">
-                            <thead>
+                        <table class='table table-hover table-striped table-bordered' id='table-pendahuluanserahan' style="width: 100%;">
+                            <thead class="thead-dark">
                                 <tr>
                                     <th>Tarikh</th>
                                     <th>Description</th>
diff --git a/resources/views/khazanah/rekodtelahlulus.blade.php b/resources/views/khazanah/rekodtelahlulus.blade.php
index 0bf5c09..1e4cccd 100644
--- a/resources/views/khazanah/rekodtelahlulus.blade.php
+++ b/resources/views/khazanah/rekodtelahlulus.blade.php
@@ -5,23 +5,27 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ url('kelulusan') }}">Kelulusan</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Rekod Telah Lulus</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('/kelulusan') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Kelulusan</h3>
                         </div>
                         <div class="col-2">
                         </div>
                     </div>
 
-                    <table class='table mt-4' id='table-kelulusan' style="width:100%;">
-                        <thead>
+                    <table class='table table-striped table-hover' id='table-kelulusan' style="width:100%;">
+                        <thead class="thead-dark">
                             <tr>
                                 <th>No Rujukan</th>
                                 <th>Komen</th>
diff --git a/resources/views/khazanah/serahan.blade.php b/resources/views/khazanah/serahan.blade.php
index c7233e4..45c6d4d 100644
--- a/resources/views/khazanah/serahan.blade.php
+++ b/resources/views/khazanah/serahan.blade.php
@@ -5,16 +5,21 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+               
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ url('menu') }}">Khazanah</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Serahan</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('menu') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Serahan</h3>
                         </div>
                         <div class="col-2">
                         </div>
@@ -46,8 +51,8 @@
                     </div>
 
 
-                     <table class='table mt-4' id='table-serahan' style="width:100%;">
-                        <thead>
+                     <table class='table table-striped table-hover' id='table-serahan' style="width:100%;">
+                        <thead class="thead-dark">
                             
                                 <th>Bil</th>
                                 <th>Teller ID</th>
diff --git a/resources/views/khazanah/tebus.blade.php b/resources/views/khazanah/tebus.blade.php
index 40c021b..6074e54 100644
--- a/resources/views/khazanah/tebus.blade.php
+++ b/resources/views/khazanah/tebus.blade.php
@@ -44,12 +44,18 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+              
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ url('menu') }}">Khazanah</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Kelulusan Tebus</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('menu') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 justify-content-center">
                         <form action="{{ route('barcodetebus.scanned') }}" onsubmit="return checkserah(this)" method="post">
@@ -61,26 +67,25 @@
 
                         </div>
                         <div class="col-2">
-                            
+                            {{-- <h4>Jumlah SAG : <span class="badge badge-secondary">{{ count($listserah) + count($senaraitebus) }} </span></h4> --}}
 
                         </div>
                     </div>
 
                     <ul class="nav nav-tabs" id="myTab" role="tablist">
                         <li class="nav-item">
-                            <a class="nav-link active" id="gadaian-semasa-tab" data-toggle="tab" href="#gadaian-semasa" role="tab" aria-controls="gadaian-semasa" aria-selected="true">Penebusan Penilai</a>
+                            <a class="nav-link active" id="gadaian-semasa-tab" data-toggle="tab" href="#gadaian-semasa" role="tab" aria-controls="gadaian-semasa" aria-selected="true">Penebusan</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" id="gadaian-belum-serah-tab" data-toggle="tab" href="#gadaian-belum-serah" role="tab" aria-controls="gadaian-belum-serah" aria-selected="false">Telah Scan</a>
+                            <a class="nav-link" id="gadaian-belum-serah-tab" data-toggle="tab" href="#gadaian-belum-serah" role="tab" aria-controls="gadaian-belum-serah" aria-selected="false">Rekod</a>
                         </li>
                     </ul>
 
                     <div class="tab-content" id="myTabContent">
                         <div class="tab-pane fade show active" id="gadaian-semasa" role="tabpanel" aria-labelledby="gadaian-semasa-tab">
-                                    <h4 class="mt-4 mb-4">Penebusan Penilai</h4>
                 
-                            <table class='table mt-4' id='table-gadaian-semasa'>
-                                <thead>
+                            <table class='table table-striped table-hover' id='table-gadaian-semasa'>
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
@@ -111,10 +116,9 @@
                         </div>
                         <div class="tab-pane fade" id="gadaian-belum-serah" role="tabpanel" aria-labelledby="gadaian-belum-serah-tab">
                         
-                                    <h4 class="mt-4 mb-4">Telah Scan</h4>
                              
-                            <table class='table mt-4' id='table-gadaian-belum-serah'>
-                                <thead>
+                            <table class='table table-striped table-hover' id='table-gadaian-belum-serah'>
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Rujukan</th>
@@ -146,7 +150,7 @@
                     </div>
                     <div class="row mt-5">
                     <div class="mx-auto">
-                        <h4>Jumlah SAG : <span class="badge badge-secondary">{{ count($listserah) + count($senaraitebus) }} </span></h4>
+                      
                     </div>
                     <div class="form-group d-flex justify-content-end mr-4">
                         <a href="{{ url('menu') }}" class="btn btn-primary">Cetak</a>
diff --git a/resources/views/khazanah/unjuran.blade.php b/resources/views/khazanah/unjuran.blade.php
index c8ae3ee..69d0212 100644
--- a/resources/views/khazanah/unjuran.blade.php
+++ b/resources/views/khazanah/unjuran.blade.php
@@ -5,16 +5,20 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Unjuran</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                        <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Unjuran Pinjaman</h3>
                         </div>
                         <div class="col-2">
                         </div>
@@ -22,8 +26,8 @@
 
                     <div class="mt-3">
 
-                        <table class='table mt-4' id='table-unjuran' style="width:100%;">
-                            <thead>
+                        <table class='table table-striped table-hover' id='table-unjuran' style="width:100%;">
+                            <thead class="thead-dark">
                                 <tr>
                                     <th>Bil</th>
                                     <th>Nama</th>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index f298256..bfc150d 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -67,19 +67,21 @@
     </script>
 
 </head>
-<body onload="startTime()">
+<body onload="startTime()" style="background-color:#BAC1C9;">
     <div id="app">
-        <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
+        <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm" style="height:100px;">
             <div class="container">
                 <a class="navbar-brand" href="{{ url('/') }}">
-                <img src="{{ asset('img/logo_arrahn_baru.png') }}" class="logo-arrahn-header" alt="Logo Ar Rahn" /> ar-rahn
+                <img src="{{ asset('img/icon_pkb.png') }}" class="logo-arrahn-header" alt="Logo Ar Rahn" />
                 </a>
-                <div id="displaytime"></div>
-                <div class="navbar-brand ml-md-3">
-                    Cawangan : <span>{{ $cawangan_info["details_caw"] }}</span>
+                <div class="col-2">
+                    <div style="color:#eb2f06;font-weight:bold;" id="displaytime"></div>
                 </div>
-                <div class="navbar-brand">
-                    Kod Cawangan : <span>{{ $cawangan_info['kodcaw'] }}</span>
+                <div class="navbar-brand ml-3">
+                    <b class="text-secondary">Cawangan : </b><span style="color:#1abc9c;font-weight:bold;">{{ $cawangan_info["details_caw"] }}</span>
+                </div>
+                <div class="navbar-brand ml-md-3">
+                    <b class="text-secondary">Kod Cawangan : </b><span style="color:#1abc9c;font-weight:bold;">{{ $cawangan_info['kodcaw'] }}</span>
                     <input type="text" hidden name="kodcaw" id="kodcaw" value="{{ $cawangan_info['kodcaw'] }}">
                 </div>
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
@@ -237,7 +239,7 @@
                             @endif
                         @else
                             <li class="nav-item dropdown">
-                                <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
+                                <a id="navbarDropdown" style="color:#1abc9c;font-weight:bold;" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                                     {{ Auth::user()->name }}
                                 </a>
 
diff --git a/resources/views/layouts/app_operasi.blade.php b/resources/views/layouts/app_operasi.blade.php
index 2bcd634..1f7cdf5 100644
--- a/resources/views/layouts/app_operasi.blade.php
+++ b/resources/views/layouts/app_operasi.blade.php
@@ -67,14 +67,23 @@
     </script>
 
 </head>
-<body onload="startTime()">
+<body onload="startTime()" style="background-color:#BAC1C9;">
     <div id="app">
-        <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
+        <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm" style="height:100px;">
             <div class="container">
                 <a class="navbar-brand" href="{{ url('/') }}">
-                <img src="{{ asset('img/logo_arrahn_baru.png') }}" class="logo-arrahn-header" alt="Logo Ar Rahn" /> ar-rahn
+                    <img src="{{ asset('img/icon_pkb.png') }}" class="logo-arrahn-header" alt="Logo Ar Rahn" />
                 </a>
-                <div id="displaytime"></div>
+               
+                    <div class="col-2">
+                        <div style="color:#eb2f06;font-weight:bold;" id="displaytime"></div>
+                    </div>
+                <div class="col-2 row mx-auto text-center justify-content-center">
+                    <div class="navbar-brand ml-3 col-4">
+                        <b class="text-secondary">Bahagian : </b><span class="text-uppercase" style="color:#1abc9c;font-weight:bold;">{{ Auth::user()->roles }}</span>
+                    </div>
+                </div>
+
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
                     <span class="navbar-toggler-icon"></span>
                 </button>
@@ -107,7 +116,7 @@
                             <script>
 
                                 // Enable pusher logging - don't include this in production
-                                Pusher.logToConsole = true;
+                                Pusher.logToConsole = false;
                             
                                 var pusher = new Pusher("{{ env('PUSHER_APP_KEY') }}", {
                                     cluster: 'ap1',
@@ -161,7 +170,7 @@
                             <script>
 
                                 // Enable pusher logging - don't include this in production
-                                Pusher.logToConsole = true;
+                                Pusher.logToConsole = false;
                             
                                 var pusher = new Pusher("{{ env('PUSHER_APP_KEY') }}", {
                                     cluster: 'ap1',
@@ -274,7 +283,7 @@
                             @endif
                         @else
                             <li class="nav-item dropdown">
-                                <a id="navbarDropdown" class="nav-link dropdown-toggle" onclick="trigbiasa()" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
+                                <a id="navbarDropdown" style="color:#1abc9c;font-weight:bold;" class="nav-link dropdown-toggle" onclick="trigbiasa()" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                                     {{ Auth::user()->name }}
                                 </a>
 
diff --git a/resources/views/modal/historytebus.blade.php b/resources/views/modal/historytebus.blade.php
index 7a3278a..0de2db9 100644
--- a/resources/views/modal/historytebus.blade.php
+++ b/resources/views/modal/historytebus.blade.php
@@ -3,7 +3,7 @@
     <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
       <div class="modal-content">
         <div class="modal-header">
-          <h5 class="modal-title" id="ModalTitle">History Tebus</h5>
+          {{-- <h5 class="modal-title" id="ModalTitle">Rekod Tebus</h5> --}}
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true">&times;</span>
           </button>
@@ -11,29 +11,28 @@
         <div class="modal-body">
           <div class="row">
             <div class="col-4">
-              <div class="small-box bg-info text-center"><div class="inner"><b>Harga Jualan : <span id="hargajualanmodal"></span></b></div></div>
+              <div class="small-box bg-warning text-center"><div class="inner"><b>Harga Jualan : <span id="hargajualanmodal"></span></b></div></div>
             </div>
             <div class="col-4">
-              <div class="small-box bg-info text-center"><div class="inner"><b>Pembiayaan : <span id="pembiayaanmodal"></span></b></div></div>
+              <div class="small-box bg-warning text-center"><div class="inner"><b>Pembiayaan : <span id="pembiayaanmodal"></span></b></div></div>
             </div>
             <div class="col-4">
-              <div class="small-box bg-info text-center"><div class="inner"><b>Nilai Marhun : <span id="nilaimarhunmodal"></span></b></div></div>
+              <div class="small-box bg-warning text-center"><div class="inner"><b>Nilai Marhun : <span id="nilaimarhunmodal"></span></b></div></div>
             </div>
           </div>
           <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
             <li class="nav-item">
-              <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Rekod Bayaran</a>
+              <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" role="tab" aria-controls="custom-tabs-one-home" aria-selected="true">Bayaran</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Rekod SAG</a>
+              <a class="nav-link" id="custom-tabs-one-profile-tab" data-toggle="pill" href="#custom-tabs-one-profile" role="tab" aria-controls="custom-tabs-one-profile" aria-selected="false">Rekod</a>
             </li>
           </ul>
           <div class="tab-content" id="custom-content-below-tabContent">
             <div class="tab-pane fade show active" id="custom-tabs-one-home" role="tabpanel" aria-labelledby="custom-content-below-home-tab">
               <hr>
-              <h4>Rekod Bayaran</h4>
-              <table id="tablehistorybayaran" class="table table-striped table-bordered text-center">
-                <thead>
+              <table id="tablehistorybayaran" class="table table-striped table-hover table-bordered text-center">
+                <thead class="thead-dark">
                   <tr>
                     <th>Bil</th>
                     <th>Tarikh Bayaran</th>
@@ -47,9 +46,8 @@
             </div>
             <div class="tab-pane fade" id="custom-tabs-one-profile" role="tabpanel" aria-labelledby="custom-content-below-profile-tab">
               <hr>
-              <h4>Rekod SAG</h4>
-              <table id="tablehistorytebus" class="table table-striped table-bordered text-center">
-                <thead>
+              <table id="tablehistorytebus" class="table table-striped table-hover table-bordered text-center">
+                <thead class="thead-dark">
                   <tr>
                     <th>Bil</th>
                     <th>No Rujukan</th>
@@ -67,7 +65,7 @@
           </div>
         </div>
         <div class="modal-footer">
-            <button type="button" class="btn btn-danger btn-lg" data-dismiss="modal">Batal</button>
+            <button type="button" class="btn btn-danger" data-dismiss="modal">Batal</button>
         </div>
       </div>
     </div>
diff --git a/resources/views/operasi/daftar_kakitangan.blade.php b/resources/views/operasi/daftar_kakitangan.blade.php
index cf5096f..2ca8665 100644
--- a/resources/views/operasi/daftar_kakitangan.blade.php
+++ b/resources/views/operasi/daftar_kakitangan.blade.php
@@ -5,7 +5,14 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Daftar Kakitangan') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Kakitangan</li>
+                    </ol>
+                </nav>
+
                 <div class="card-body text-center">
                     <form action="{{ route('kakitangan.baru') }}" method="post" onsubmit="return verifyregister()">
                         @csrf
@@ -13,7 +20,7 @@
                             <div class='col-md-6'>
                                 <div class='form-group row col-md-12'>
                                     <div class='col-md-5'>
-                                        Nama
+                                        <b>Nama</b>
                                     </div>
                                     <div class='col-md-7'>
                                         <input type="text" name='nama' id='nama' value="" class='form-control'>
@@ -21,7 +28,7 @@
                                 </div>
                                 <div class='form-group row col-md-12'>
                                     <div class='col-md-5'>
-                                        Email
+                                        <b>Email</b>
                                     </div>
                                     <div class='col-md-7'>
                                         <input type="text" name='email' id='email' value="" class='form-control'>
@@ -29,7 +36,7 @@
                                 </div>
                                 <div class='form-group row col-md-12'>
                                     <div class='col-md-5'>
-                                        Cawangan
+                                        <b>Cawangan</b>
                                     </div>
                                     <div class='col-md-7'>
                                         @php
@@ -48,7 +55,7 @@
                             <div class='col-md-6'>
                                 <div class='form-group row col-md-12'>
                                     <div class='col-md-5'>
-                                        No KP
+                                        <b>No KP</b>
                                     </div>
                                     <div class='col-md-7'>
                                         <input type="text" name='nokp' id='nokp' value="" class='form-control'>
@@ -56,7 +63,7 @@
                                 </div>
                                 <div class='form-group row col-md-12'>
                                     <div class='col-md-5'>
-                                        No Telefon
+                                        <b>No Telefon</b>
                                     </div>
                                     <div class='col-md-7'>
                                         <input type="text" name='telefon' id='telefon' value="" class='form-control'>
@@ -64,7 +71,7 @@
                                 </div>
                                 <div class='form-group row col-md-12'>
                                     <div class='col-md-5'>
-                                        Jawatan
+                                        <b>Jawatan</b>
                                     </div>
                                     <div class='col-md-7'>
                                         <select class="form-control" name="role" data-placeholder="Pilih Jawatan" id="role">
@@ -77,9 +84,9 @@
                                 </div>
                             </div>
                         </div>
-                        <div class='row justify-content-center'>
+                        <div class='row justify-content-end'>
                             <div class='col-md-12'>
-                                <input type="submit" class='btn btn-primary' value='Daftar'>
+                                <input type="submit" class='btn btn-info float-right mr-5' value='Daftar'>
                             </div>
                         </div>
                     </form>
diff --git a/resources/views/operasi/hargaemas.blade.php b/resources/views/operasi/hargaemas.blade.php
index c8bac97..1bce3c1 100644
--- a/resources/views/operasi/hargaemas.blade.php
+++ b/resources/views/operasi/hargaemas.blade.php
@@ -7,16 +7,22 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Harga Emas Sandaran') }}</div>
+               
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ url('operasi/parameter') }}">Parameter</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Harga Emas</li>
+                    </ol>
+                </nav>
+
 
                 <div class="card-body text-center">
-
-                    <h2>Harga Emas Sandaran</h2>
                     
-                    <div class="mt-5">
+                    <div class="mt-3">
                         
-                        <table class='table mt-4' id='table-emas' style="width:100%;">
-                            <thead>
+                        <table class='table table-striped table-hover' id='table-emas' style="width:100%;">
+                            <thead class="thead-dark">
                                 <tr>
                                     <th>Bil</th>
                                     <th>Mutu Emas</th>
@@ -44,9 +50,9 @@
                         </table>
 
                         
-                    <div class="row mt-5 col-12 d-flex justify-content-end">
+                    <div class="mt-3 col-12 d-flex justify-content-end pr-1">
                 
-                        <a href="#" data-toggle="modal" data-target="#createHargaModal" data-backdrop="static" data-keyboard="false" class="btn btn-info col-3 mr-2">Tambah Harga Emas</a>
+                        <a href="#" data-toggle="modal" data-target="#createHargaModal" data-backdrop="static" data-keyboard="false" class="btn btn-info ">Tambah Harga Emas</a>
                     </div>
 
                 </div>
diff --git a/resources/views/operasi/kelulusan.blade.php b/resources/views/operasi/kelulusan.blade.php
index 5595a20..79fb0a2 100644
--- a/resources/views/operasi/kelulusan.blade.php
+++ b/resources/views/operasi/kelulusan.blade.php
@@ -85,23 +85,27 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Kelulusan') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Kelulusan</li>
+                    </ol>
+                  </nav>
 
                 <div class="card-body text-center">
                     
                     <div class="row mb-4">
                         <div class="col-2 justify-content-start">
-                            <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                         <div class="col-8 mt-3 justify-content-center">
-                            <h3>Kelulusan</h3>
                         </div>
                         <div class="col-2">
                         </div>
                     </div>
 
-                    <table class='table mt-4' id='table-kelulusan' style="width:100%;">
-                        <thead>
+                    <table class='table mt-2 table-striped table-hover' id='table-kelulusan' style="width:100%;">
+                        <thead class="thead-dark">
                             <tr>
                                 <th>No Rujukan</th>
                                 <th>Cawangan</th>
@@ -132,10 +136,9 @@
                         </tbody>
                     </table>
 
-                    <div class="row mt-4 d-flex justify-content-center">
+                    <div class="row mt-4 d-flex justify-content-end">
                 
-                        <a href="#" class="btn btn-info col-3">Kemaskini</a>
-                        <a href="#" class="btn btn-info ml-2 col-3">Rekod Telah Lulus</a>
+                        <a href="#" class="btn btn-info mr-3">Rekod Lulus</a>
 
                     </div>
                 
diff --git a/resources/views/operasi/komuditi/index.blade.php b/resources/views/operasi/komuditi/index.blade.php
index 81d0d16..66eb33f 100644
--- a/resources/views/operasi/komuditi/index.blade.php
+++ b/resources/views/operasi/komuditi/index.blade.php
@@ -5,11 +5,17 @@
     <div class="row">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Komoditi') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Komoditi</li>
+                    </ol>
+                </nav>
+
                 <div class="card-body">
                     <div class="row">
                         <div class="col-2 justify-content-start">
-                            <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                     </div>
                     <div class="row form-group" id="maklumat_komuditi">
@@ -63,8 +69,8 @@
                             <a href="{{ route('laporan.komoditi') }}" target="_blank" class="btn btn-primary" title="Cetak Rekod Jual/Beli Komoditi"><i class="fa fa-print" aria-hidden="true"></i></a>
                         </div>
                         <div class="col-md-12">
-                            <table id="rekod_komuditi">
-                                <thead>
+                            <table id="rekod_komuditi" class="table table-striped table-hover">
+                                <thead class="thead-dark">
                                     <tr>
                                         <th>Bil</th>
                                         <th>No Sijil</th>
diff --git a/resources/views/operasi/komuditi/rekod_transaksi.blade.php b/resources/views/operasi/komuditi/rekod_transaksi.blade.php
index cfc2ac7..8974d42 100644
--- a/resources/views/operasi/komuditi/rekod_transaksi.blade.php
+++ b/resources/views/operasi/komuditi/rekod_transaksi.blade.php
@@ -5,16 +5,22 @@
     <div class="row justify-content-center">
         <div class="col-md-12">
             <div class="card">
-                <div class="card-header">{{ __('Komoditi') }}</div>
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
+                      <li class="breadcrumb-item"><a href="{{ url('/komoditi') }}">Komoditi</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Rekod Transaksi Komoditi</li>
+                    </ol>
+                </nav>
+
                 <div class="card-body text-center">
                     <div class="row">
                         <div class="col-2 justify-content-start">
-                            <a href="{{ route('komuditi') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                     </div>
                     <div class="row justify-content-center">
                         <div class="col-12">
-                            <h3>Rekod Transaksi Komoditi</h3>
                         </div>
                     </div>
                     <div class="row">
@@ -29,8 +35,8 @@
                     </div>
                     <div class="row">
                         <div class="col-12">
-                            <table id="rekod_komoditi">
-                                <thead>
+                            <table id="rekod_komoditi" class="table table-striped table-hover">
+                                <thead class="thead-dark">
                                     <tr>
                                         <td>Bil</td>
                                         <td>Cawangan</td>
diff --git a/resources/views/operasi/parameter.blade.php b/resources/views/operasi/parameter.blade.php
index 2badab2..2783400 100644
--- a/resources/views/operasi/parameter.blade.php
+++ b/resources/views/operasi/parameter.blade.php
@@ -4,8 +4,14 @@
 <div class="container">
     <div class="row justify-content-center">
         <div class="col-md-8">
-            <div class="card">
-                <div class="card-header">{{ __('Dashboard') }}</div>
+            <div class="card mt-5">
+                
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb pb-3">
+                      <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
+                      <li class="breadcrumb-item active" aria-current="page">Parameter</li>
+                    </ol>
+                </nav>
 
                 <div class="card-body text-center">
                     <a href="{{ route('operasi.hargaemas') }}" class="btn btn-info btn-lg">Harga Emas</a>
diff --git a/resources/views/penebusan/index.blade.php b/resources/views/penebusan/index.blade.php
index 73e602a..ab40143 100644
--- a/resources/views/penebusan/index.blade.php
+++ b/resources/views/penebusan/index.blade.php
@@ -7,13 +7,21 @@
 <div class="container">
     <div class="row justify-content-center">
         <div class="col-md-12">
-            <h3 class="text-center text-uppercase mb-5">PENEBUSAN</h3>
+            
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                  <li class="breadcrumb-item"><a href="#">Home</a></li>
+                  <li class="breadcrumb-item"><a href="#">Pelanggan</a></li>
+                  <li class="breadcrumb-item active" aria-current="page">Penebusan</li>
+                </ol>
+              </nav>
+
             <div class="form-group row col-12">
 
             <div class="col-6">
                     <div class="form-group row">
                         <div class="col-4">
-                            NAMA
+                            <b>NAMA</b>
                         </div>
                         <div class="col-8">
                         <input type="text" value="{{ $nama }}" class="form-control" readonly/>
@@ -23,7 +31,7 @@
                 <div class="col-6">
                     <div class="form-group row">
                         <div class="col-4">
-                            NO PELANGGGAN
+                            <b> NO PELANGGGAN</b>
                         </div>
                         <div class="col-8">
                             <input type="text" value="{{ $gadai['nopelanggan'] }}" class="form-control" readonly/>
@@ -33,7 +41,7 @@
                 <div class="col-6">
                     <div class="form-group row">
                         <div class="col-4">
-                            NO RUJUKAN
+                            <b>NO RUJUKAN</b>
                         </div>
                         <div class="col-8">
                             <input type="text" value="{{ $gadai['norujukan'] }}" class="form-control" readonly/>
@@ -43,17 +51,17 @@
                 <div class="col-6">
                     <div class="form-group row">
                         <div class="col-4">
-                            NO KAD PENGENALAN
+                            <b>NO KAD PENGENALAN</b>
                         </div>
                         <div class="col-8">
                             <input type="text" value="{{ $gadai['nokp'] }}" class="form-control" readonly/>
                         </div>
                     </div>
                 </div>
-                <div class="col-4">
+                <div class="col-6">
                     <div class="form-group row">
                         <div class="col-4">
-                            JENIS TEBUS
+                            <b>JENIS TEBUS</b>
                         </div>
                         <div class="col-8">
                             <select class="form-control" id="sltjenistebus">
@@ -65,22 +73,22 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-4">
-                    <div class="form-group row" style="visibility: hidden;">
-                        <div class="col-4">
-                            NO SIRI TEBUS
+                {{-- <div class="col-4"><b>
+                    <div class="form-group row" >
+                        <div class="col-4<b>">
+                            <b>NO SIRI TEBUS</b>
                         </div>
                         <div class="col-8">
                             <input type="text" class="form-control">
                         </div>
                     </div>
-                </div>
-                <div class="col-4">
+                </div> --}}
+                <div class="col-6">
                     <div class="form-group row">
-                        <div class="col-2">
-                            WAKIL
+                        <div class="col-4">
+                            <b>WAKIL</b>
                         </div>
-                        <div class="col-8">
+                        <div class="col-6">
                             <input type="text" class="form-control" name="wakil" id="wakiltxt" />
                         </div>
                         <div class="col-2">
@@ -92,8 +100,8 @@
             
             <div class="card">
                 <div class="card-body">
-                    <table id="tablemarhun" class="table table-striped table-bordered text-center">
-                        <thead>
+                    <table id="tablemarhun" class="table table-striped table-hover table-bordered text-center">
+                        <thead class="thead-dark">
                             <tr>
                                 <th>Bil</th>
                                 <th>Marhun</th>
@@ -179,6 +187,21 @@
                                     </div>
                                 </diV>
 
+                                <div class="form-group row" id="divhargaemassemasa">
+                                    <div class="col-4">
+                                        PEMBIAYAAN HARGA SEMASA (RM)
+                                    </div>
+                                    {{-- @php
+                                        $percent_asal = ($gadai['bakipjm'] / $gadai['nilaimarhun']) * 100;
+                                    @endphp --}}
+                                    <div class="col-8 input-group mb-5">
+                                        <input type="text" id="hargapembiayaansemasa" class="form-control" aria-describedby="basic-hargaemas" readonly/>
+                                        <div class="input-group-append">
+                                            <span class="input-group-text" id="basic-hargaemas">40.88</span>
+                                        </div>
+                                    </div>
+                                </diV>
+
                                 <div class="form-group row" id="divtelahdibayar">
                                     <div class="col-4">
                                         TELAH DIBAYAR(RM)
@@ -301,6 +324,8 @@
     $('#divpinjamanbaru').hide();
     $('#divbayaranditerima').hide();
     $('#divbakipinjaman').hide();
+    $('#divhargaemassemasa').hide();
+
 
     var array_recno = [];
     var array_nm = [];
@@ -603,6 +628,8 @@
             $('#divpinjamanbaru').hide();
             $('#divbayaranditerima').hide();
             $('#divbakipinjaman').hide();
+            $('#divhargaemassemasa').hide();
+
 
             $('#divtelahdibayar').show();
             $('#divbayaran').show();
@@ -623,6 +650,8 @@
             $('#divpinjamanbaru').hide();
             $('#divbayaranditerima').hide();
             $('#divbakipinjaman').hide();
+            $('#divhargaemassemasa').hide();
+
 
             $('#divtelahdibayar').show();
             $('#divbayaran').show();
@@ -643,11 +672,14 @@
             $('#divtambahpinjaman').hide();
             $('#divpinjamanbaru').hide();
             $('#divbayaranditerima').hide();
+            $('#divhargaemassemasa').hide();
+
 
             $('#divbakipinjaman').show();
             $('#divtelahdibayar').show();
             $('#divbayaran').show();
             $('#divperludibayar').show();
+            
 
             $('#perludibayar').val(formatter.format(jumupah));
             break;
@@ -659,6 +691,7 @@
             $('#divtambahpinjaman').show();
             $('#divpinjamanbaru').show();
             $('#divbayaranditerima').show();
+            $('#divhargaemassemasa').show();
 
             $('#divtelahdibayar').hide();
             $('#divbakipinjaman').hide();