diff --git a/app/Http/Controllers/BayaranController.php b/app/Http/Controllers/BayaranController.php
index 8c6ab7b..1c74fa0 100644
--- a/app/Http/Controllers/BayaranController.php
+++ b/app/Http/Controllers/BayaranController.php
@@ -338,11 +338,13 @@ class BayaranController extends Controller
 
 		// dd($arraygadai,$arraycawangan);
 	
-		return view('pembayaran.result.berjaya',compact('transactionOnline','arraycawangan','arraygadai'));
+		// return view('pembayaran.result.berjaya',compact('transactionOnline','arraycawangan','arraygadai'));
+		return view('pembayaran.result.berjayaportal',compact('transactionOnline','arraycawangan','arraygadai'));
 	}
 
     public function failedPayment(){
-		return view('pembayaran.result.gagal');
+		// return view('pembayaran.result.gagal');
+		return view('pembayaran.result.gagalportal');
 	}
 
 }
diff --git a/resources/views/includes/analisaportal.blade.php b/resources/views/includes/analisaportal.blade.php
index 48f03d0..39ad65f 100644
--- a/resources/views/includes/analisaportal.blade.php
+++ b/resources/views/includes/analisaportal.blade.php
@@ -112,7 +112,7 @@
                         <div class="row align-items-center">
                             <div class="col">
                                 <h6 class="text-uppercase text-muted ls-1 mb-1">Keseluruhan</h6>
-                                <h4 class="mb-0">Jumlah Bayaran</h4>
+                                <h4 class="mb-0 text-primary">Jumlah Bayaran</h4>
                             </div>
                             <div class="col">
                                 <!-- <div class="d-flex flex-row-reverse">
@@ -150,7 +150,7 @@
                         <div class="row align-items-center">
                             <div class="col">
                                 <h6 class="text-uppercase text-muted ls-1 mb-1">Prestasi</h6>
-                                <h4 class="mb-0">Pembiayaan (Bulanan)</h4>
+                                <h4 class="mb-0 text-primary">Pembiayaan (Bulanan)</h4>
                             </div>
                         </div>
                     </div>
@@ -174,7 +174,7 @@
                     <div class="card-header border-0">
                         <div class="row align-items-center">
                             <div class="col">
-                                <h4 class="mb-0">Pembiayaan Aktif</h4>
+                                <h4 class="mb-0 text-primary">Pembiayaan Aktif</h4>
                             </div>
                         </div>
                     </div>
@@ -208,7 +208,7 @@
                     <div class="card-header border-0">
                         <div class="row align-items-center">
                             <div class="col">
-                                <h4 class="mb-0">Harga Emas</h4>
+                                <h4 class="mb-0 text-primary">Harga Emas</h4>
                             </div>
                             {{-- <div class="col text-right">
                             <a href="#!" class="btn btn-sm btn-primary">See all</a>
@@ -218,7 +218,7 @@
                     <div class="table-responsive">
                         <!-- Projects table -->
                         <table class="table align-items-center table-bordered table-hover" id="harga_emas" style="text-align: center;">
-                            <thead class="thead-light">
+                            <thead class="thead-dark">
                                 <tr>
                                     <th>Karat</th>
                                     <th>Harga (RM)</th>
diff --git a/resources/views/includes/bayaran/pembayaransag.blade.php b/resources/views/includes/bayaran/pembayaransag.blade.php
index 22f5bec..fad4c55 100644
--- a/resources/views/includes/bayaran/pembayaransag.blade.php
+++ b/resources/views/includes/bayaran/pembayaransag.blade.php
@@ -17,13 +17,14 @@
             </nav>
         </div>
 
-        <div class="row">
-            <div class="col-xl-9 mb-5 mb-xl-0">
+        <div class="row justify-content-center">
+            <div class="col-xl-12 mb-5">
                 <div class="card shadow">
                     <div class="card-header border-0">
                         <div class="row align-items-center">
-                            <div class="col">
-                                <h4 class="mb-0">Senarai Surat Gadaian</h4>
+                            <div class="d-flex">
+                                <h4 class="text-primary" style="margin-right: 1%;">Senarai Surat Gadaian</h4>
+                                <i class="fas fa-clipboard-list fa-2x text-primary"></i>
                             </div>
 
                         </div>
@@ -54,7 +55,7 @@
                         <div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
 
                             <div class="table-responsive table-striped text-center">
-                                <table class="table align-items-center table-flush" id="belum_tawarruq">
+                                <table class="table align-items-center table-hover" id="belum_tawarruq">
                                     <thead class="thead-light">
                                         <tr>
                                             <th>No.</th>
@@ -99,14 +100,14 @@
                                                     {{-- <option value="otheramount">Amaun Lain</option> --}}
                                                 </select>
 
-                                                <input type="text" data-pinjaman="{{ $bayar['pinjaman'] }}" data-taglel="{{ $bayar['taglel'] }}" data-upah="{{ $koskeuntungan }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-jenis="arrahn" name="txtbayaranarrahn" readonly class="form-control txtbayaran" />
+                                                <input type="text" data-pinjaman="{{ $bayar['pinjaman'] }}" data-taglel="{{ $bayar['taglel'] }}" data-upah="{{ $koskeuntungan }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-jenis="arrahn" name="txtbayaranarrahn" readonly class="form-control txtbayaran" style="text-align: center; border: revert;" />
 
-                                                <input type="hidden" name="txtbayaranhidden[]" class="bayaran" />
-                                                <input type="hidden" name="txtupahhidden[]" value="{{ $koskeuntungan }}" />
-                                                <input type="hidden" name="txtjbghidden[]" value="{{ $bayar['tempoh'] }}" />
-                                                <input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" />
-                                                <input type="hidden" name="txtnorujukanhidden[]" value="{{ $bayar['norujukan'] }}" />
-                                                <input type="hidden" name="txtkodcawhidden[]" value="{{ $bayar['kodcaw'] }}" />
+                                                <input type="hidden" name="txtbayaranhidden[]" class="bayaran" style="text-align: center; border: outset;" />
+                                                <input type="hidden" name="txtupahhidden[]" value="{{ $koskeuntungan }}" style="text-align: center; border: outset;" />
+                                                <input type="hidden" name="txtjbghidden[]" value="{{ $bayar['tempoh'] }}" style="text-align: center; border: outset;" />
+                                                <input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" style="text-align: center; border: outset;" />
+                                                <input type="hidden" name="txtnorujukanhidden[]" value="{{ $bayar['norujukan'] }}" style="text-align: center; border: outset;" />
+                                                <input type="hidden" name="txtkodcawhidden[]" value="{{ $bayar['kodcaw'] }}" style="text-align: center; border: outset;" />
                                             </td>
                                         </tr>
                                         @php $counter++; @endphp
@@ -119,8 +120,8 @@
 
                         <div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
 
-                            <div class="table-responsive table-striped text-center">
-                                <table class="table align-items-center table-flush" id="selepas_tawarruq">
+                            <div class="table-responsive text-center">
+                                <table class="table align-items-center table-hover" id="selepas_tawarruq">
                                     <thead class="thead-light">
                                         <tr>
                                             <th>No</th>
@@ -129,7 +130,7 @@
                                             <th>B. Pembiayaan</th>
                                             <th>Tempoh</th>
                                             <th>Keuntungan</th>
-                                            <th width="20%">Bayaran</th>
+                                            <th width="35%">Bayaran</th>
                                         </tr>
                                     </thead>
                                     @php $counter = 1;$jenisbayaran = 'tawarruq'; @endphp
@@ -160,18 +161,17 @@
                                             </td>
                                             <td>
 
-                                                <select name="sltbayaran" class="form-control mb-2" data-upah="{{ $upahtawarruq }}" data-jenis="tawarruq">
+                                                <select name="sltbayaran" class="form-control mb-2" data-upah="{{ $upahtawarruq }}" data-jenis="tawarruq" style="text-align: center; border: revert;">
                                                     <option selected disabled>Pilih Bayaran</option>
                                                     <option value="fixed">Amaun Semasa</option>
                                                     <option value="otheramount">Amaun Lain</option>
                                                 </select>
 
-                                                <input type="text" data-bakipjm="{{ $bayar['bakipjm'] }}" data-taglel="{{ $bayar['taglel'] }}" data-upah="{{ $upahtawarruq }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-jenis="tawarruq" name="txtbayarantawarruq" readonly class="form-control txtbayaran" />
-
-                                                <input type="hidden" name="txtbayaranhidden[]" class="bayaran" />
-                                                <input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" />
-                                                <input type="hidden" name="txtnorujukanhidden[]" value="{{ $bayar['norujukan'] }}" />
-                                                <input type="hidden" name="txtkodcawhidden[]" value="{{ $bayar['kodcaw'] }}" />
+                                                <input type="text" data-bakipjm="{{ $bayar['bakipjm'] }}" data-taglel="{{ $bayar['taglel'] }}" data-upah="{{ $upahtawarruq }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-jenis="tawarruq" name="txtbayarantawarruq" readonly class="form-control txtbayaran" style="text-align: center; border: outset;" />
+                                                <input type="hidden" name="txtbayaranhidden[]" class="bayaran" style="text-align: center;" />
+                                                <input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" style="text-align: center;" />
+                                                <input type="hidden" name="txtnorujukanhidden[]" value="{{ $bayar['norujukan'] }}" style="text-align: center;" />
+                                                <input type="hidden" name="txtkodcawhidden[]" value="{{ $bayar['kodcaw'] }}" style="text-align: center;" />
                                             </td>
                                         </tr>
                                     </tbody>
@@ -187,22 +187,19 @@
                     </div>
                 </div>
             </div>
-            <div class="col-xl-3">
+            <div class="col-md-6 col-sm-12">
                 <div class="card shadow">
                     <div class="card-header border-0">
                         <div class="row align-items-center">
-                            <div class="col">
-                                <h4 class="mb-0">Ringkasan Pembayaran</h4>
+                            <div class="d-flex">
+                                <h4 class="text-primary" style="margin-right: 1%;">Ringkasan Pembayaran</h4>
+                                <i class="fas fa-shopping-cart fa-2x text-primary"></i>
                             </div>
-                            <div class="col text-right">
-                                <i class="fas fa-shopping-cart fa-2x"></i>
-                            </div>
-                            <hr />
                         </div>
                     </div>
 
                     <div class="form" style="text-align: center;">
-
+                        <hr>
                         <div class="row mb-4 font-weight-light">
                             <div class="col-7">
                                 <label class="text-dark ml-4 ">Bayaran Ar-Rahn</label>
@@ -293,7 +290,7 @@
         return false;
     }
 
-    let total = 0;
+    // let total = 0;
 
     $("select[name=sltbayaran]").change(function(e) {
         let selected = $('option:selected', this).attr('value');
diff --git a/resources/views/includes/rekod/rekodsag.blade.php b/resources/views/includes/rekod/rekodsag.blade.php
index 1daaafe..6e57101 100644
--- a/resources/views/includes/rekod/rekodsag.blade.php
+++ b/resources/views/includes/rekod/rekodsag.blade.php
@@ -28,7 +28,7 @@
 <div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
     <!-- Card header -->
     <div class="card-header border-0">
-        <h5 class="mb-0">Ar-Rahn</h5>
+        <h5 class="mb-0 text-primary">Ar-Rahn</h5>
     </div>
     <!-- Light table -->
     <div class="table-responsive table-bordered">
@@ -84,7 +84,7 @@
 <hr class="dark my-md-6 mt-2 mx-7">
 <div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
     <div class="card-header border-0">
-        <h5 class="mb-0">Tawarruq</h5>
+        <h5 class="mb-0 text-primary">Tawarruq</h5>
     </div>
     <!-- Light table -->
     <div class="table-responsive table-bordered">
@@ -144,7 +144,7 @@
 <hr class="dark my-md-6 mt-2 mx-7">
 <div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
     <div class="card-header border-0">
-        <h5 class="mb-0">Penyata Terdahulu</h5>
+        <h5 class="mb-0 text-primary">Penyata Terdahulu</h5>
     </div>
     <!-- Light table -->
     <div class="table-responsive table-bordered">
diff --git a/resources/views/pembayaran/result/berjaya.blade.php b/resources/views/pembayaran/result/berjaya.blade.php
index 83eba12..112fd54 100644
--- a/resources/views/pembayaran/result/berjaya.blade.php
+++ b/resources/views/pembayaran/result/berjaya.blade.php
@@ -1,106 +1,109 @@
 @extends('layouts.app')
 
 @section('content')
-    @include('layouts.headers.cards')
-    
-    
-          <!-- Header -->
-          <div class="header bg-primary pb-6">
-            <div class="container-fluid">
-              <div class="header-body">
-                <div class="row align-items-center py-4">
-                  <div class="col-lg-6 col-7">
+@include('layouts.headers.cards')
 
-                    <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
-                      <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
-                        <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i></a></li>
-                        <li class="breadcrumb-item active" aria-current="page">Pembayaran</li>
-                      </ol>
-                    </nav>
-                  </div>
-                </div>
+
+<!-- Header -->
+<div class="header bg-primary pb-6">
+  <div class="container-fluid">
+    <div class="header-body">
+      <div class="row align-items-center py-4">
+        <div class="col-lg-6 col-7">
+
+          <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
+            <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
+              <li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i></a></li>
+              <li class="breadcrumb-item active" aria-current="page">Pembayaran</li>
+            </ol>
+          </nav>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid mt--6">
+  <div class="row">
+    <div class="col">
+      <div class="card col-xl-12 mx-auto mt-4">
+        <!-- Card header -->
+        <div class="card-header border-0">
+        </div>
+        <div class="card-body">
+          @error('sltcawangan')
+          <script>
+            $.notify({
+              icon: 'fas fa-exclamation-triangle fa-2x',
+              newest_on_top: true,
+              message: "<strong style='font-size:15px;'>Sila pilih cawangan terlebih dahulu sebelum tekan semak!</strong>"
+            }, {
+              type: 'danger',
+              allow_dismiss: false,
+              placement: {
+                align: 'center',
+                from: 'bottom'
+              },
+              animate: {
+                enter: 'animate__animated animate__bounce',
+
+                exit: 'animate__animated animate__bounceOutDown'
+              }
+            });
+          </script>
+          @enderror
+
+          <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+
+
+            <center>
+              <span class="far fa-check-circle fa-6x" style="color:green;"></span>
+              <h1 class="mt-1 mb-1">Pembayaran Berjaya</h1>
+              <div class="row mb-4" style="margin-top:10px;">
+                <div class="col-12 text-danger"><small>Sebarang pembayaran akan dikemaskini selepas <b>1 Jam</b> sebaik pembayaran dilakukan</small></div>
               </div>
+            </center>
+
+            <div class="table-responsive table-striped">
+              <table class="table align-items-center table-flush" id="belum_tawarruq">
+                <thead class="thead-light">
+                  <tr>
+                    <th>No Rujukan</th>
+                    <th>Cawangan</th>
+                    <th>Bayaran (RM)</th>
+                    <th>Status</th>
+                    <th>Muat Turun</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  @foreach($transactionOnline as $index=>$trans)
+                  <tr>
+                    <td>{{ $trans['norujukan'] }}</td>
+                    <td>{{ $arraycawangan[$index]['namacaw'] }}</td>
+                    <td>{{ number_format($trans['total_payment'],2) }}</td>
+                    <td><span @if($trans['status']=='PAID' ) class="badge badge-pill badge-success badge-lg" @else class="badge badge-pill badge-danger badge-lg" @endif>{{ $trans['status'] }}</span></td>
+                    <td><a target="_blank" href="{{ route('action.resit',['payment' => $trans ]) }}">Muat Turun</a></td>
+                  </tr>
+                  @endforeach
+                </tbody>
+
+              </table>
             </div>
+
+            <center>
+              <a class="mx-auto btn btn-primary mt-4" onclick="loadingbtn();" href="{{ route('home')  }}">Laman Utama</a>
+            </center>
           </div>
-      
-          <div class="container-fluid mt--6">
-            <div class="row">
-              <div class="col">
-                <div class="card col-xl-12 mx-auto mt-4">
-                  <!-- Card header -->
-                  <div class="card-header border-0">
-                  </div>
-                  <div class="card-body">
-                    @error('sltcawangan')
-                        <script>
-                            $.notify({
-                                icon: 'fas fa-exclamation-triangle fa-2x',
-                                newest_on_top: true,
-                                message: "<strong style='font-size:15px;'>Sila pilih cawangan terlebih dahulu sebelum tekan semak!</strong>"
-                              },{
-                                type: 'danger',
-                                allow_dismiss: false,
-                                placement:{ align:'center',from:'bottom'},
-                                animate: {
-                                  enter: 'animate__animated animate__bounce',
+        </div>
+      </div>
+    </div>
+  </div>
 
-                                  exit: 'animate__animated animate__bounceOutDown'
-                              }
-                            });
-                          </script>
-                    @enderror
-
-                    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-
-
-                      <center>
-                        <span class="far fa-check-circle fa-6x" style="color:green;"></span>
-                        <h1 class="mt-1 mb-1">Pembayaran Berjaya</h1>
-                        <div class="row mb-4" style="margin-top:10px;">
-                          <div class="col-12 text-danger"><small>Sebarang pembayaran akan dikemaskini selepas <b>1 Jam</b> sebaik pembayaran dilakukan</small></div>
-                      </div>
-                      </center>
-
-                      <div class="table-responsive table-striped">
-                        <table class="table align-items-center table-flush" id="belum_tawarruq">
-                          <thead class="thead-light">
-                            <tr>
-                              <th>No Rujukan</th>
-                              <th>Cawangan</th>
-                              <th>Bayaran (RM)</th>
-                              <th>Status</th>
-                              <th>Muat Turun</th>
-                            </tr>
-                          </thead>
-                          <tbody>
-                            @foreach($transactionOnline as $index=>$trans)
-                            <tr>
-                              <td>{{ $trans['norujukan'] }}</td>
-                              <td>{{ $arraycawangan[$index]['namacaw'] }}</td>
-                              <td>{{ number_format($trans['total_payment'],2) }}</td>
-                              <td><span @if($trans['status'] == 'PAID') class="badge badge-pill badge-success badge-lg" @else class="badge badge-pill badge-danger badge-lg" @endif>{{ $trans['status'] }}</span></td>
-                              <td><a target="_blank" href="{{ route('action.resit',['payment' => $trans ]) }}">Muat Turun</a></td>
-                            </tr>
-                            @endforeach
-                          </tbody>
-
-                        </table>
-                      </div>
-
-                      <center>
-                        <a class="mx-auto btn btn-primary mt-4" onclick="loadingbtn();" href="{{ route('home')  }}">Laman Utama</a>
-                      </center>
-                      </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-      
-          </div>
+</div>
 
 @endsection
 
 @push('js')
-    <script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
-    <script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
+<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
+<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
 @endpush
\ No newline at end of file
diff --git a/resources/views/pembayaran/result/berjayaportal.blade.php b/resources/views/pembayaran/result/berjayaportal.blade.php
new file mode 100644
index 0000000..12dcbf2
--- /dev/null
+++ b/resources/views/pembayaran/result/berjayaportal.blade.php
@@ -0,0 +1,89 @@
+@extends('layouts.indexthird')
+
+@section('content')
+
+
+<div class="container mt--6">
+    <div class="row">
+        <div class="col">
+            <div class="card col-xl-12 mx-auto mt-4">
+                <!-- Card header -->
+                <div class="card-header border-0">
+                </div>
+                <div class="card-body">
+                    @error('sltcawangan')
+                    <script>
+                        $.notify({
+                            icon: 'fas fa-exclamation-triangle fa-2x',
+                            newest_on_top: true,
+                            message: "<strong style='font-size:15px;'>Sila pilih cawangan terlebih dahulu sebelum tekan semak!</strong>"
+                        }, {
+                            type: 'danger',
+                            allow_dismiss: false,
+                            placement: {
+                                align: 'center',
+                                from: 'bottom'
+                            },
+                            animate: {
+                                enter: 'animate__animated animate__bounce',
+
+                                exit: 'animate__animated animate__bounceOutDown'
+                            }
+                        });
+                    </script>
+                    @enderror
+
+                    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+
+
+                        <center>
+                            <span class="far fa-check-circle fa-6x" style="color:green;"></span>
+                            <h4 class="text-success mt-1 mb-1">Pembayaran Berjaya</h4>
+                            <div class="row mb-4" style="margin-top:10px;">
+                                <div class="col-12 text-dark"><small>*Sebarang pembayaran akan dikemaskini selepas <b>1 Jam</b></small></div>
+                            </div>
+                        </center>
+
+                        <div class="table-responsive table-striped">
+                            <table class="table align-items-center table-hover table-flush" id="belum_tawarruq" style="text-align: center;">
+                                <thead class="thead-light">
+                                    <tr>
+                                        <th>No Rujukan</th>
+                                        <th>Cawangan</th>
+                                        <th>Bayaran (RM)</th>
+                                        <th>Status</th>
+                                        <th>Resit Bayaran</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    @foreach($transactionOnline as $index=>$trans)
+                                    <tr>
+                                        <td>{{ $trans['norujukan'] }}</td>
+                                        <td>{{ $arraycawangan[$index]['namacaw'] }}</td>
+                                        <td>{{ number_format($trans['total_payment'],2) }}</td>
+                                        <td><span @if($trans['status']=='PAID' ) class="badge bg-gradient-success" @else class="badge bg-gradient-danger" @endif>{{ $trans['status'] }}</span></td>
+                                        <td><a target="_blank" href="{{ route('action.resit',['payment' => $trans ]) }}"><i class="fas fa-download"></i></a></td>
+                                    </tr>
+                                    @endforeach
+                                </tbody>
+
+                            </table>
+                        </div>
+
+                        <center>
+                            <a class="mx-auto btn btn-primary mt-4" onclick="loadingbtn();" href="{{ route('home')  }}">Laman Utama</a>
+                        </center>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+@endsection
+
+@push('js')
+<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
+<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/pembayaran/result/gagalportal.blade.php b/resources/views/pembayaran/result/gagalportal.blade.php
new file mode 100644
index 0000000..281d5ea
--- /dev/null
+++ b/resources/views/pembayaran/result/gagalportal.blade.php
@@ -0,0 +1,57 @@
+@extends('layouts.indexthird')
+
+@section('content')
+
+<div class="container mt-6">
+    <div class="row">
+        <div class="col">
+            <div class="card col-xl-12 mx-auto mt-4">
+                <!-- Card header -->
+                <div class="card-header border-0">
+                </div>
+                <div class="card-body">
+                    @error('sltcawangan')
+                    <script>
+                        $.notify({
+                            icon: 'fas fa-exclamation-triangle fa-2x',
+                            newest_on_top: true,
+                            message: "<strong style='font-size:15px;'>Sila pilih cawangan terlebih dahulu sebelum tekan semak!</strong>"
+                        }, {
+                            type: 'danger',
+                            allow_dismiss: false,
+                            placement: {
+                                align: 'center',
+                                from: 'bottom'
+                            },
+                            animate: {
+                                enter: 'animate__animated animate__bounce',
+
+                                exit: 'animate__animated animate__bounceOutDown'
+                            }
+                        });
+                    </script>
+                    @enderror
+
+                    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+
+
+                        <center>
+                            <span class="far fa-times-circle fa-6x" style="color:red;"></span>
+                            <h4 class="text-danger mt-1 mb-1">Pembayaran Tidak Berjaya</h4>
+                            <div class="row mb-4" style="margin-top:10px;">
+                                <div class="col-12 text-dark"><small>*Pembayaran tidak berjaya dilakukan oleh kerana sebab-sebab tertentu. Sila cuba lagi.</small></div>
+                            </div>
+                        </center>
+
+                        <center>
+                            <a class="mx-auto btn btn-primary mt-4" onclick="loadingbtn();" href="{{ route('home')  }}">Laman Utama</a>
+                        </center>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/semak/senaraisag.blade.php b/resources/views/semak/senaraisag.blade.php
index 0d1157b..a4fbc7f 100644
--- a/resources/views/semak/senaraisag.blade.php
+++ b/resources/views/semak/senaraisag.blade.php
@@ -35,7 +35,7 @@
             <div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
               <!-- Card header -->
               <div class="card-header border-0">
-                <h3 class="mb-0">Ar-Rahn</h3>
+                <h3 class="mb-0 text-primary">Ar-Rahn</h3>
               </div>
               <!-- Light table -->
               <div class="table-responsive table-striped">
@@ -92,7 +92,7 @@
 
             <div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
               <div class="card-header border-0">
-                <h3 class="mb-0">Tawarruq</h3>
+                <h3 class="mb-0 text-primary">Tawarruq</h3>
               </div>
               <!-- Light table -->
               <div class="table-responsive table-striped">
@@ -152,7 +152,7 @@
 
             <div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
               <div class="card-header border-0">
-                <h3 class="mb-0">Penyata Terdahulu</h3>
+                <h3 class="mb-0 text-primary">Penyata Terdahulu</h3>
               </div>
               <!-- Light table -->
               <div class="table-responsive table-striped">