diff --git a/resources/views/customers/index.blade.php b/resources/views/customers/index.blade.php
index 896dc08..026a38d 100644
--- a/resources/views/customers/index.blade.php
+++ b/resources/views/customers/index.blade.php
@@ -20,7 +20,7 @@
                                     <div class="input-group my-3">
                                         <input type="text" class="form-control" id="noic" name="noic" placeholder="No Kad Pengenalan Pelanggan" aria-label="No Kad Pengenalan Pelanggan" autocomplete="off" value="{{$search == false ? '' : $noic ?? ''}}" aria-describedby="button-addon2">
                                         <div class="input-group-append">
-                                            <select class="form-select" id="customerIDType" name="customerIDType">
+                                            <select class="form-select" id="customerIDType" name="customerIDType" class="form-control">
                                                 <option value="nokp" {{ $idtype == 'nokp' ? 'selected' : ''}}>Kad Pengenalan</option>
                                                 <option value="passport" {{ $idtype == 'passport' ? 'selected' : ''}}>Passport</option>
                                             </select>
@@ -526,7 +526,7 @@
             event.preventDefault();
             return false;
         }else{
-            if(customerphone.length < 8 && customerphone.length > 12){
+            if(!(customerphone.length < 9 && customerphone.length >= 12)){
                 Swal.fire({
                     icon: 'error',
                     title: 'Amaran!',
@@ -653,7 +653,7 @@
             event.preventDefault();
             return false;
         }else{
-            if(customerphone.length < 8 && customerphone.length > 12){
+            if(customerphone.length <= 9 && customerphone.length >= 12){
                 Swal.fire({
                     icon: 'error',
                     title: 'Amaran!',
@@ -674,7 +674,7 @@
             }
         }
         if(customerphone_alternate != ''){
-            if(customerphone_alternate.length < 8 && customerphone_alternate.length > 12){
+            if(customerphone_alternate.length <= 8 && customerphone_alternate.length >= 12){
                 Swal.fire({
                     icon: 'error',
                     title: 'Amaran!',
@@ -821,11 +821,11 @@
 
         return leapYearCount;
     }
-
+    var regex = /^[a-zA-Z0-9]+$/g;
+    
     function verifynokp(){
         var id_type = $('#customerIDType').val();
         var nokp = $('#noic').val();
-
         if(id_type=='nokp'){
             if($.isNumeric(nokp) == false){
                 Swal.fire({
@@ -864,6 +864,15 @@
                 event.preventDefault();
                 return false;
             }
+            if(regex.test(nokp) == false){
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Amaran!',
+                    text: 'Sila Periksa Passport Pelanggan'
+                });
+                event.preventDefault();
+                return false;
+            }
         }
     }
 </script>
diff --git a/resources/views/customers/info.blade.php b/resources/views/customers/info.blade.php
index 1153a17..0520baf 100644
--- a/resources/views/customers/info.blade.php
+++ b/resources/views/customers/info.blade.php
@@ -306,7 +306,6 @@
                                 <th>Margin</th>
                                 <th>Tempoh</th>
                                 <th>Keuntungan</th>
-                                <th>Kos Keuntungan</th>
                             </tr>
                         </thead>
                     </table>
@@ -325,7 +324,6 @@
                                 <th>Margin</th>
                                 <th>Tempoh</th>
                                 <th>Keuntungan</th>
-                                <th>Kos Keuntungan</th>
                             </tr>
                         </thead>
                     </table>
@@ -342,7 +340,6 @@
                                 <th>Margin</th>
                                 <th>Tempoh</th>
                                 <th>Keuntungan</th>
-                                <th>Kos Keuntungan</th>
                             </tr>
                         </thead>
                     </table>
@@ -377,7 +374,7 @@
                     event.preventDefault();
                     return false;
                 }else{
-                    if(Number(data['unit_komuditi']) < 5000){
+                    if(Number(data['unit_komuditi']) < 10000){
                         Swal.fire({
                             icon: 'error',
                             title: 'Unit Komuditi Berbaki Minumum',
@@ -431,8 +428,7 @@
                     'RM '+formatter.format(gadai_detail['pinjaman']),
                     (((Number(gadai_detail['pinjaman'])/Number(gadai_detail['nilaimarhun']))*100).toFixed(2)).toLocaleString("en-GB") + '%',
                     gadai_detail['jbg'],
-                    'RM '+ formatter.format((Number(gadai_detail['kadarupah'])/100)*Number(gadai_detail['bakipjm'])*Number(gadai_detail['jbg'])),
-                    'RM ' + formatter.format(((Number(gadai_detail['kadarupah'])/100)*Number(gadai_detail['pinjaman'])).toFixed(2))
+                    'RM '+ formatter.format((Number(gadai_detail['kadarupah'])/100)*Number(gadai_detail['bakipjm'])*Number(gadai_detail['jbg']))
                 ]).draw();
             }else if(jenistebus == "sudah_tebus"){
                 
@@ -445,8 +441,7 @@
                     'RM '+formatter.format(gadai_detail['pinjaman']),
                     (((Number(gadai_detail['pinjaman'])/Number(gadai_detail['nilaimarhun']))*100).toFixed(2)).toLocaleString("en-GB") + '%',
                     gadai_detail['jbg'],
-                    'RM '+ formatter.format((Number(gadai_detail['kadarupah'])/100)*Number(gadai_detail['bakipjm'])*Number(gadai_detail['jbg'])),
-                    'RM ' + formatter.format(((Number(gadai_detail['kadarupah'])/100)*Number(gadai_detail['pinjaman'])).toFixed(2))
+                    'RM '+ formatter.format((Number(gadai_detail['kadarupah'])/100)*Number(gadai_detail['bakipjm'])*Number(gadai_detail['jbg']))
                 ]).draw();
             }else if(jenistebus == "lelong"){
                 
@@ -459,8 +454,7 @@
                     'RM '+formatter.format(gadai_detail['pinjaman']),
                     (((Number(gadai_detail['pinjaman'])/Number(gadai_detail['nilaimarhun']))*100).toFixed(2)).toLocaleString("en-GB") + '%',
                     gadai_detail['jbg'],
-                    'RM '+ formatter.format((Number(gadai_detail['kadarupah'])/100)*Number(gadai_detail['bakipjm'])*Number(gadai_detail['jbg'])),
-                    'RM ' + formatter.format(((Number(gadai_detail['kadarupah'])/100)*Number(gadai_detail['pinjaman'])).toFixed(2))
+                    'RM '+ formatter.format((Number(gadai_detail['kadarupah'])/100)*Number(gadai_detail['bakipjm'])*Number(gadai_detail['jbg']))
                 ]).draw();
             }
             counter = counter + 1;
@@ -483,7 +477,6 @@
             method:"GET",
             url: api_url + "/api/customers/"+noic+"/gadai/belum_tebus/"+kodcaw,
             success: function(data){
-                console.log(data);
                 $('#myTable').parents('div.dataTables_wrapper').first().show();
                 gadaiTable(data,"belum_tebus");
             }
diff --git a/resources/views/khazanah/kakitangan.blade.php b/resources/views/khazanah/kakitangan.blade.php
index 8708e7f..2481b74 100644
--- a/resources/views/khazanah/kakitangan.blade.php
+++ b/resources/views/khazanah/kakitangan.blade.php
@@ -25,7 +25,7 @@
                             <div class="row">
                                 <div class="row col-6">   
                                     <label class="col-6">Pengurus Cawangan:</label>
-                                    <input type="text" class="form-control col-6" name="pc" id="pc" value="{{ $pc['name'] }}"/>
+                                    <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'] }}"/>
                                 </div>
                                 
@@ -44,7 +44,7 @@
                             <div class="row">
                                 <div class="row col-6">   
                                     <label class="col-6">Pen. Peng. Cawangan:</label>
-                                    <input type="text" class="form-control col-6" name="ppc" id="ppc" value="{{ $ppc['name'] }}"/>
+                                    <input type="text" class="form-control col-6" readonly name="ppc" id="ppc" value="{{ $ppc['name'] }}"/>
                                     <input type="text" class="form-control col-6" hidden name="ppc_id" id="ppc_id" value="{{ $ppc['id'] }}"/>
                                 </div>
                                 
diff --git a/resources/views/operasi/komuditi/index.blade.php b/resources/views/operasi/komuditi/index.blade.php
index bf43d13..bdce701 100644
--- a/resources/views/operasi/komuditi/index.blade.php
+++ b/resources/views/operasi/komuditi/index.blade.php
@@ -3,7 +3,7 @@
 @section('content')
 <div class="container">
     <div class="row justify-content-center">
-        <div class="col-md-8">
+        <div class="col-md-12">
             <div class="card">
                 <div class="card-header">{{ __('Komuditi') }}</div>
 
@@ -13,45 +13,96 @@
                             <a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
                         </div>
                     </div>
-                    <div class="row form-group justify-content-center">
-                        <div class="col-lg-6 col-md-8 col-sm-12">
-                            <div class="small-box bg-info">
-                                <div class="inner">
-                                    <h3 id="baki_komuditi"></h3>
-
-                                    <p>Baki Komuditi</p>
-                                </div>
-                                <div class="icon">
-                                    <i class="ion ion-bag"></i>
-                                </div>
+                    <div class="row form-group justify-content-start">
+                        <div class="col-md-4">
+                            <div class="row form-group">
+                                <div class="col-md-4">No Sijil : </div>
+                                <div class="col-md-8"><span id="nosijil_span"></span></div>
+                            </div>
+                            <div class="row form-group">
+                                <div class="col-md-4">Harga : </div>
+                                <div class="col-md-8"><span id="harga_span"></span></div>
+                            </div>
+                        </div>
+                        <div class="col-md-8">
+                            <div class="row form-group">
+                                <div class="col-md-4">Kod Produk / Diskripsi : </div>
+                                <div class="col-md-8"><span id="produk_span"></span></div>
+                            </div>
+                            <div class="row form-group">
+                                <div class="col-md-4">Unit : </div>
+                                <div class="col-md-8"><span id="unit_span"></span></div>
+                            </div>
+                            <div class="row form-group">
+                                <div class="col-md-4">Nilai : </div>
+                                <div class="col-md-8"><span id="nilai_span"></span></div>
                             </div>
                         </div>
                     </div>
                     
                     <div class="row form-group justify-content-center">
                         <input type="hidden" value="{{ $user_name }}" id="user_name" name="user_name">
-                        <button class="btn btn-primary" id="pendahuluan">Pendahuluan Komuditi</button>
-                        <button class="btn btn-primary ml-md-2" id="tambah">Tambah Komuditi</button>
+                        <button class="btn btn-primary" id="pembelian">Pembelian Komuditi</button>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </div>
-<div class="modal fade" id="daftar_marhun" tabindex="-1" data-backdrop="static"  aria-labelledby="ModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-lg">
+<div class="modal fade" id="pembelian_modal" tabindex="-1" data-backdrop="static"  aria-labelledby="ModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="ModalLabel">Daftar Marhun</h5>
+                <h5 class="modal-title" id="ModalLabel">Pembelian Komuditi</h5>
             </div>
             <div class="modal-body">
-                
+                <div class="row">
+                    <div class="col-md-12">
+                        <div class="row form-group">
+                            <div class="col-md-4">No Sijil</div>
+                            <div class="col-md-8">
+                                <input type="text" class="form-control" id="nosijil" name="nosijil">
+                            </div>
+                        </div>
+                        <div class="row form-group">
+                            <div class="col-md-4">Produk</div>
+                            @php
+                                $produk = Http::get($api_url . '/api/komuditi/produk')->json();
+                            @endphp
+                            <div class="col-md-8">
+                                <select name="produk" id="produk" class="form-control">
+                                    <option disabled selected> -- Pilih Produk -- </option>
+                                    @foreach($produk as $index=>$product)
+                                        <option value="{{ $product['kodproduk'] }}">{{ $product['description'] }}</option>
+                                    @endforeach
+                                </select>
+                            </div>
+                        </div>
+                        <div class="row form-group">
+                            <div class="col-md-4">Unit</div>
+                            <div class="col-md-8">
+                                <input type="text" readonly class="form-control" id="unit" name="unit">
+                            </div>
+                        </div>
+                        <div class="row form-group">
+                            <div class="col-md-4">Harga</div>
+                            <div class="col-md-8">
+                                <input type="text" class="form-control" id="harga" name="harga">
+                            </div>
+                        </div>
+                        <div class="row form-group">
+                            <div class="col-md-4">Nilai</div>
+                            <div class="col-md-8">
+                                <input type="text" class="form-control" id="nilai" name="nilai">
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
             <div class="modal-footer">
                 <div class="form-group row">
-                    <input class="btn btn-primary mr-2" type="button" name="tambah_marhun" id="tambah_marhun" value="Tambah">
-                    <input class="btn btn-primary mr-2" type="button" name="terima_marhun" id="terima_marhun" value="Terima">
-                    <button type="button" class="btn btn-danger" name="batal_marhun" id="batal_marhun">Batal</button>
+                    <button type="button" class="btn btn-primary mr-md-2" name="terima_komuditi" id="terima_komuditi">Sahkan</button>
+                    <button type="button" class="btn btn-danger" name="batal_komuditi" id="batal_komuditi" data-dismiss="modal">Batal</button>
                 </div>
             </div>
             </form>
@@ -68,116 +119,84 @@
         minimumFractionDigits: 2
     });
 
+    $('#pembelian').on('click',function(){
+        $('#pembelian_modal').modal('show');
+    });
+
+    $('#produk').change(function(){
+        var produk = $('#produk').val();
+        $.ajax({
+            method:'get',
+            url : api_url + '/api/komuditi/unit',
+            dataType: 'json',
+            data: {
+                'kodproduk':produk
+            },
+            success:function(data){
+                $('#unit').val(data)
+            }
+        });
+    })
+
     function checkKomuditi(){
         $.ajax({
             method:'get',
             url: api_url + '/api/komuditi/check',
             success:function(data){
-                var check_komuditi = Object.keys(data).length;
-                if(check_komuditi != 0){
-                    $('#baki_komuditi').text(formatter.format(data['unit_komuditi']));
-                    $('#pendahuluan').hide();
-                    $('#tambah').show();
-                }else{
-                    $('#baki_komuditi').text(0);
-                    $('#tambah').hide();
-                    $('#pendahuluan').show();
-                }
+                var kodproduk = data['kodproduct'];
+                $.ajax({
+                    method:'get',
+                    url : api_url + '/api/komuditi/description',
+                    dataType : 'json',
+                    data:{
+                        'kodproduk': kodproduk
+                    },
+                    success:function(description){
+                        $('#nosijil_span').text(data['no_sijil'])
+                        $('#harga_span').text('RM ' + formatter.format(data['nilai']))
+                        $('#produk_span').text(description['kodproduk'] + ' / ' + description['description'])
+                        $('#unit_span').text(description['unit'])
+                        $('#nilai_span').text('RM ' + formatter.format(data['unit_komuditi']))
+                    }
+                })
             }
         });
     }
 
-    $('#pendahuluan').click(async function(){
-        var user_name = $('#user_name').val();
-        const { value: komuditi } = await Swal.fire({
-            title: 'Pembelian Komuditi',
-            input: 'text',
-            inputLabel: 'Jumlah Komuditi Yang Dibeli',
-            inputPlaceholder: 'Unit Komuditi',
-            showCancelButton: true,
-            confirmButtonText: 'Sahkan',
-            cancelButtonText: 'Batal',
-            inputValidator: (value) => {
-                if($.isNumeric(value) == false){
-                    return 'Sila Unit Komuditi Yang Dibeli'
-                }
+    $('#terima_komuditi').on('click',function(){
+        var nosijil = $('#nosijil').val();
+        var produk = $('#produk').val();
+        var unit = $('#unit').val();
+        var harga = $('#harga').val();
+        var nilai = $('#nilai').val();
+
+        $.ajax({
+            method:'post',
+            url: api_url + '/api/komuditi/pembelian',
+            dataType : 'json',
+            data:{
+                'unit_komuditi' : nilai,
+                'nilai' : harga,
+                'nosijil' : nosijil,
+                'kodproduct' : produk,
+                'purchased_by' : "{{ $user_name }}"
+            },
+            success:function(data){
+                checkKomuditi();
+                $('#nosijil').val('');
+                $("#produk").prop("selected", false);
+                $('#unit').val('');
+                $('#harga').val('');
+                $('#nilai').val('');
+                Swal.fire({
+                    icon: 'success',
+                    title: 'Berjaya!',
+                    text: 'Pendahuluan Unit Komuditi Berjaya'
+                });
+                $('#pembelian_modal').modal('hide');
             }
         });
-
-        if (komuditi) {
-            $.ajax({
-                method:'post',
-                url: api_url + '/api/komuditi/pendahuluan',
-                data:{
-                    'unit_komuditi':komuditi,
-                    'purchased_by': user_name
-                },
-                dataType:'json',
-                success:function(){
-                    checkKomuditi();
-                    Swal.fire({
-                        icon: 'success',
-                        title: 'Berjaya!',
-                        text: 'Pendahuluan Unit Komuditi Berjaya'
-                    });
-                },
-                error: function(xhRequest, ErrorText, thrownError){
-                    Swal.fire({
-                        icon: 'error',
-                        title: 'Amaran!',
-                        text: 'Pendahuluan Unit Komuditi Tidak Berjaya'
-                    });
-                    console.log(xhRequest);
-                }
-            });
-        }
-    })
-
-    $('#tambah').click(async function(){
-        var user_name = $('#user_name').val();
-        const { value: komuditi } = await Swal.fire({
-            title: 'Pembelian Komuditi',
-            input: 'text',
-            inputLabel: 'Jumlah Komuditi Yang Dibeli',
-            inputPlaceholder: 'Unit Komuditi',
-            showCancelButton: true,
-            confirmButtonText: 'Sahkan',
-            cancelButtonText: 'Batal',
-            inputValidator: (value) => {
-                if($.isNumeric(value) == false){
-                    return 'Sila Masukkan Unit Komuditi Yang Dibeli'
-                }
-            }
-        });
-
-        if (komuditi) {
-            $.ajax({
-                method:'put',
-                url: api_url + '/api/komuditi/update',
-                data:{
-                    'unit_komuditi':komuditi,
-                    'purchased_by': user_name
-                },
-                dataType:'json',
-                success:function(){
-                    checkKomuditi();
-                    Swal.fire({
-                        icon: 'success',
-                        title: 'Berjaya!',
-                        text: 'Pernambahan Unit Komuditi Berjaya'
-                    });
-                },
-                error: function(xhRequest, ErrorText, thrownError){
-                    Swal.fire({
-                        icon: 'error',
-                        title: 'Amaran!',
-                        text: 'Pernambahan Unit Komuditi Tidak Berjaya'
-                    });
-                    console.log(xhRequest);
-                }
-            });
-        }
-    })
+    });
 
 </script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/print/sag.blade.php b/resources/views/print/sag.blade.php
index 70c2b18..f71c081 100644
--- a/resources/views/print/sag.blade.php
+++ b/resources/views/print/sag.blade.php
@@ -6,10 +6,10 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script>
-  $(document).ready(function () {
-    window.print();
-    window.onfocus=function(){ window.close();}
-  });
+  // $(document).ready(function () {
+  //   window.print();
+  //   window.onfocus=function(){ window.close();}
+  // });
 </script>
 
 <style>
@@ -18,11 +18,12 @@
   }
   .khazanah{
     border:1px solid black;
-    margin-left:50px;
     padding:10px;
     width : 250px;
     transform: rotate(-90deg);
     font-size:11px;
+    margin-left: 200px; 
+    margin-top: -170px;
   }
 
   #customers {
@@ -32,6 +33,44 @@
     font-size:10px;
   }
 
+  #header_surat1{
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    width:100%;
+    font-size:10px;
+  }
+
+  #header_surat1 p{
+    margin:2px;
+  }
+
+  .bottomright {
+    font-family: Arial, Helvetica, sans-serif;
+    border-collapse:collapse;
+    position: absolute;
+    right: 16px;
+    font-size: 10px;
+  }
+
+  #header_surat2{
+    font-family: Arial, Helvetica, sans-serif;
+    text-align:center;
+    border-collapse:collapse;
+    width:100%;
+    font-size:10px;
+  }
+
+  #header_surat2 p{
+    margin:2px;
+  }
+
+
+  .grid-container {
+    display: grid;
+    grid: 80px / 33% 33% 33%;
+    padding: 10px;
+  }
+
   #customers td, #customers th {
     border: 1px solid #ddd;
     padding: 2px;
@@ -151,6 +190,7 @@
     padding:2px;
   }
   #akuan {
+    border:1px solid black;
     font-family: Arial, Helvetica, sans-serif;
     border-collapse:collapse;
     width: 100%;
@@ -218,6 +258,11 @@
     font-size:11px;
   }
 
+  #syarat td:nth-child(1) {
+    text-align:right;
+    vertical-align: top;
+  }
+
   #syarat td, #syarat th {
     /*border: 1px solid #ddd;*/
     padding: 8px;
@@ -313,7 +358,7 @@
     color: black;
     padding: 2px;
   }
-  
+
   #khazanahtable .table_table, .table_th, .table_td {
     border: 1px solid black;
   }
@@ -321,41 +366,36 @@
     width: 100%;
     border-collapse: collapse;
   }
+
+  #formula{
+    border:1px solid black;
+  }
 </style>
 </head>
 
 <body>
-  <table id="customers"> 
-    <tr>
-      <td><b>{{ $cawangan_detail['namacaw'] }}</b></td>
-      <td rowspan="4"  style="width:50px;">
-        <div class="visible-print text-center">
-          {!! QrCode::size(50)->generate($pembayaran_segera); !!}
-        </div>
-      </td>
-      <td rowspan="4" style="width:50px;"> <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px" alt="User Image" class="center" ></td>
-      <td rowspan="4"  style="width:50px;"> <img src="{{ asset('img/pkb.png') }}" style="width:50px" alt="User Image" class="center" > </td>   
-    </tr>
-    <tr>
-      <td><b>{{ $cawangan_detail['alamat1'] }}</b></td> 
-    </tr>
-    <tr>
-      <td><B>{{ $cawangan_detail['alamat2'] }}</B></td> 
-    </tr>
-    <tr>
-      <td><B>{{ $cawangan_detail['notel'] }}</B></td>
-    </tr>
-  </table>
-  <br>
+  <div class="grid-container">
+    <div id="header_surat1">
+      <p>{{ $cawangan_detail['namacaw'] }}</p>
+      <p>{{ $cawangan_detail['alamat1'] }}</p>
+      <p>{{ $cawangan_detail['alamat2'] }}</p>
+      <p>KOPERASI PKB</p>
+      <p>{{ $cawangan_detail['notel'] }}</p>
+    </div>
+    <div id="header_surat2">
+      <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px;" alt="User Image" class="center" >
+      <img src="{{ asset('img/pkb.png') }}" style="width:50px;" alt="User Image" class="center" > 
+      
+      <p style="margin-top:10px"><b>SURAT AKUAN GADAIAN</b></p>
+    </div>
+    <div class="visible-print" style="text-align:right">
+      {!! QrCode::size(60)->generate($pembayaran_segera); !!}
+      <p class="bottomright"><b>SALINAN PELANGGAN</b></p>
+    </div>
 
-  <table id="salinan">
-    <tr>
-      <th> SALINAN PELANGGAN</th>
-    </tr>
-  </table>
-  <br>
-
-  <table id="perjanjian">
+  </div>
+  
+  <table style="margin-bottom:10px;" id="perjanjian">
     <tr>
       <th colspan="7"> PERJANJIAN PEMBIAYAAN AR-RAHN TAWARRUQ  </th>
     </tr>
@@ -435,9 +475,7 @@
     </tr>
   </table>
 
-  <br>
-
-  <table id="transaksi_twq">
+  <table style="margin-bottom:10px;" id="transaksi_twq">
     <tr>
       <th  colspan="4"> TRANSAKSI TAWARRUQ</th>
     </tr>
@@ -445,33 +483,59 @@
       <td rowspan="2"> 1</td>
       <td rowspan="2"> Kontrak Jualan Murabahah Secara Tangguh </td>
       <td rowspan="2">
-        Saya Bersetuju dan dengan ini membeli komoditi daripada Ar-Rahn pada harga jualan dengan bayaran tangguh dan menggadaikan Marhun seperti diatas cagaran.Komoditi adalah sebagaimana yang dinyatakan didalam sijil pembekal komoditi mengikut kadar jumlah pembiayaan yang diberikan kepada saya.
+        Saya bersetuju dan dengan ini membeli komoditi daripada PKB pada Harga Jualan dengan bayaran tangguh sehingga 12 bulan. Komoditi adalah sebagaimana yang dinyatakan di dalam sijil jualbeli komoditi bersekadar (proportionate) jumlah pembiayaan yang diberikan kepada saya.
       </td>
-      <td rowspan="2"> setuju <table border="1"><tr><td> </td> </tr></table></td>
+      <td rowspan="2"> Setuju <table style="margin-left:5px;" border="1"><tr><td> </td> </tr></table></td>
     </tr>
     <tr></tr>
     <tr>
       <td rowspan="1"> 2</td>
       <td rowspan="1"> Kontrak Gadaian </td>
       <td rowspan="1">
-        Saya bersetuju dan dengan ini menjual komoditi kepada pembekal komoditi ( pihak ketiga) melalui Ar-Rahn sebagai wakil pembeli komoditi secara tunai yang bersamaan dengan jumlah pembiayaan diberikan kepada saya.
+        Saya bersetuju untuk menggadaikan Marhun sebagaimana dinyatakan di dalam Surat Akuan Gadaian sebagai cagaran terhadap Harga Jualan yang perlu saya bayar kepada PKB.
       </td>
-      <td rowspan="1"> setuju <table border="1"><tr><td> </td> </tr></table></td>
-    </tr>
-    <tr></tr>
-    <tr>
-      <td rowspan="1"> 3</td>
-      <td rowspan="1"> Kontrak Jualan Tunai </td>
-      <td rowspan="1">
-        Saya bersetuju untuk menggadaikan Marhun sebagaimana dinyatakan di dalam Surat Akuan Gadaian sebagai cagaran terhadap pembiayaan yang diterima.
-      </td>
-      <td rowspan="1"> setuju <table border="1"><tr><td> </td> </tr></table></td>
+      <td rowspan="1"> Setuju <table style="margin-left:5px;" border="1"><tr><td> </td> </tr></table></td>
     </tr>
   </table>
 
+  @php
+    $komuditi = Http::get($api_url . '/api/komuditi/check')->json();
+    $product = Http::get($api_url . '/api/komuditi/description',['kodproduk'=>$komuditi['kodproduct']])->json();
+    $kuantiti = $gadai_detail['pinjaman']/$komuditi['nilai'];
+  @endphp
 
-  <br>
-  <table ID="keuntungan">
+  <table style="margin-bottom:10px;" id="keuntungan">
+    <tr>
+      <th colspan="3">MAKLUMAT SIJIL KOMODITI </th>
+    </tr>
+    <tr>
+      <td>1</td>
+      <td>Nombor Sijil</td>
+      <td>{{ $komuditi['no_sijil'] }}</td>
+    </tr>
+    <tr>
+      <td>2</td>
+      <td>Kod Produk / Diskripsi</td>
+      <td>{{ $product['kodproduk'] . ' / ' . $product['description'] }}</td>
+    </tr>
+    <tr>
+      <td>3</td>
+      <td>Unit</td>
+      <td>{{ $product['unit'] }}</td>
+    </tr>
+    <tr>
+      <td>4</td>
+      <td>Kuantiti</td>
+      <td>{{ $kuantiti }}</td>
+    </tr>
+    <tr>
+      <td>5</td>
+      <td>Nilai</td>
+      <td>{{ 'RM ' . number_format($gadai_detail['pinjaman'],2) }}</td>
+    </tr>
+  </table>
+
+  <table style="margin-bottom:10px;" id="keuntungan">
     <tr>
       <th colspan="3">JUMLAH KEUNTUNGAN BERDASARKAN TEMPOH PEMBIAYAAN </th>
     </tr>
@@ -509,8 +573,7 @@
     </tr>
   </table>
 
-  <br>
-  <table id="marhun"> 
+  <table style="margin-bottom:10px;" id="marhun"> 
     <tr>
       <th colspan="7">KETERANGAN MARHUN</th>
     </tr>
@@ -561,63 +624,51 @@
     </tr>
   </table>
 
-  <br>
-
-  <table id="ap">
+  <table style="margin-bottom:10px;" id="ap">
     <tr>
       <th colspan="2"> AKUAN PELANGGAN</th>
     </tr>
     <tr>
       <td style="width:1%">1 </td>
-        <td> Marhun yang hendak digadai adalah hak milik pelanggan.</td>
+        <td> Marhun yang hendak digadai adalah hak milik saya.</td>
     </tr>
     <tr>
       <td style="width:1%">2 </td>
-      <td>Pelanggan mengizinkan Ar-Rahn untuk melakukan sebarang ujian untuk menguji ketulenan barang (marhun) yang digadai.</td>
+      <td>Saya mengizinkan PKB untuk melakukan sebarang ujian untuk menguji ketulenan barang (marhun) yang digadai.</td>
     </tr>
     <tr>
       <td style="width:1%">3 </td>
-      <td>Pihak Ar-Rahn berhak mendakwa pelanggan yang ingin mencagarkan barang kemas palsu. </td>
+      <td>Pihak PKB berhak mendakwa saya yang mencagarkan barang kemas palsu. </td>
     </tr>
     <tr>
       <td style="width:1%">4 </td>
-      <td>Saya bersetuju dengan penetapan harga jual dan bayaran yang perlu dijelaskan pada tarikh bayaran berdasarkan tempoh pembiayaan yang dinyatakan di atas. </td>
+      <td>Saya bersetuju dengan penetapan Harga Jualan dan bayaran yang perlu dijelaskan pada tarikh bayaran berdasarkan tempoh pembiayaan yang dinyatakan di atas. </td>
     </tr>
     <tr>
       <td style="width:1%">5 </td>  <td> Saya bersetuju bahawa saya terikat dengan terma dan syarat yang telah ditetapkan.</td>
     </tr>
   </table>
-  <br>
 
-  <table id="akuan">
+  <table style="margin-bottom:10px;" id="keuntungan">
     <tr>
-      <th colspan="3"> TANDATANGAN PELANGGAN</th>
-      <th colspan="3">TANDATANGAN KAKITANGAN STAFF AR-RAHN </th>
-      <th colspan="3">TANDATANGAN SAKSI </th>
+      <th colspan="2"> TANDATANGAN PELANGGAN</th>
+      <th colspan="2">TANDATANGAN PIHAK PKB </th>
+      <th colspan="2">TANDATANGAN SAKSI </th>
     </tr>
     <tr>
-      <td rowspan="3" style="padding:4px; height:50px;"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
+      <td rowspan="3" colspan="2" style="padding:4px; width:33%; height:50px;"></td>
+      <td rowspan="3" colspan="2" style="width:33%;"></td>
+      <td rowspan="3" colspan="2" style="width:33%;"></td>
     </tr>
     <tr></tr>
     <tr></tr>
     <tr>
       <td>NAMA</td>
       <td>{{ $customer_detail['nama'] }}</td>
-      <td ></td>
       <td >NAMA</td>
       <td>{{ $gadai_detail['teller'] }}</td>
-      <td></td>
       <td >NAMA</td>
       <td > {{ $gadai_detail['penilai'] }}</td>
-      <td></td>
     </tr>
     <tr>
       <td>TARIKH</td>
@@ -628,8 +679,7 @@
           echo($formattedweddingdate)
         @endphp
       </td>
-      <td ></td>
-      <td ></td>
+      <td>TARIKH</td>
       <td>
         @php 
           $myDateTime = DateTime::createFromFormat('Y-m-d', $gadai_detail['t_gadai']);
@@ -637,8 +687,7 @@
           echo($formattedweddingdate)
         @endphp
       </td>
-      <td></td>
-      <td></td>
+      <td>TARIKH</td>
       <td>
         @php 
           $myDateTime = DateTime::createFromFormat('Y-m-d', $gadai_detail['t_gadai']);
@@ -646,15 +695,14 @@
           echo($formattedweddingdate)
         @endphp
       </td>
-      <td></td>
     </tr>
   </table>
-  <div class='page-break'>  </div>
+  <div class='page-break'></div>
 
 
   <table id="syarat">
     <tr>
-      <th colspan="7">  Syarat-syarat Gadaian & Pembiayaan  </th>
+      <th colspan="7">  Syarat-syarat Pembiayaan  </th>
     </tr>
     <tr>
       <td> 1.</td>
@@ -662,31 +710,58 @@
     </tr>
     <tr>
       <td> 2.</td>
-      <td colspan="6"> Seseorang Pelanggan hendaklah mendapat satu salinan Surat Akuan Gadaian yang terdapat perjanjian pembiayaan yang menggunakan konsep Tawarruq semasa pembiayaan. Jika hilang, Salinan/ pendua Surat Akuan Gadaian hanya akan diberikan kepada Pelanggan dengan bayaran sebanyak RM5.00 dan hendaklah memberitahu Ar-Rahn dengan serta merta. </td>
+      <td colspan="6"> Seseorang Pelanggan hendaklah mendapat satu salinan Surat Akuan Gadaian (SAG). Sekiranya hilang, salinan / pendua Surat Akauan Gadaian pelanggan hendaklah memberitahu PKB dengan serta merta dan mendapatkan pengesahan Surat Akuan Sumpah sebelum diberikan SAG yang baru.</td>
     </tr>
     <tr>
       <td> 3.</td>
-      <td colspan="6">Sekiranya harga jualan tidakdibayar dalam tempoh enam (6) bulan, barang-barang gadaian pelanggan akan dilelong mengikut Akta Pelelongan</td>
+      <td colspan="6">Sepanjang tempoh pembiayaan ini, barang gadaian (marhun) akan disimpan oleh PKB bagi pihak Pelanggan</td>
     </tr>
     <tr>
       <td> 4.</td>
-      <td colspan="6">Pelanggan dikehendaki menjelaskan keseluruhan jumlah keuntungan bagi tempoh enam(6) bulan pertama daripada tempoh gadaian telebih dahulu bagi melayakkan lanjutan tempoh pembiayaan bagi enam (6) bulan berikutnya (sehingga 12 bulan). Pihak Ar-Rahn berhak untuk melelong barang cagaran pelanggan sekiranya pelanggan tidak membayar pembiayaan, kadar keuntungan atau mana-mana fi berkaitan dalam tempoh masa yang telah dipersetujui. </td>
+      <td colspan="6">Sekiranya Harga Jualan tidak dibayar dalam tempoh enam (6) bulan pertama, barang-barang gadaian pelanggan akan dilelong mengikut GP25: Garis Panduan Aktiviti Pajak Gadai Islam (Ar-Rahnu).</td>
     </tr>
     <tr>
       <td> 5.</td>
-      <td colspan="6">Seseorang pelanggan adalah berhak bila-bila masa dalam tempoh empat (4) bulan selepas lelong untuk memeriksa catatan jualan dalam rekod Ar-Rahn dan pelanggan dan juga berhak menuntut baki lelongan (jika ada) selepas ditolak keuntungan yang perlu dibayar keatas sandaran (marhun) dan kos lelong. </td>
+      <td colspan="6">Pelanggan dikehendaki menjelaskan keseluruhan Jumlah Keuntungan bagi tempoh enam (6) bulan pertama daripada tempoh gadaian terlebih dahulu bagi melayakkan lanjutan tempoh pembiayaan bagi enam (6) bulan berikutnya (sehingga 12 bulan). Pelanggan memberi kebenaran untuk melelong barang cagaran pelanggan sekiranya pelanggan tidak membayar pembiayaan, kadar keuntungan atau mana-mana fi yang berkaitan dalam jangka masa yang telah dipersetujui.</td>
     </tr>
     <tr>
       <td> 6.</td>
-      <td colspan="6">Sepanjang tempoh pembiayaaan ini, barang gadaian (marhun) akan disimpan oleh Ar-Rahn bagi pihak pelanggan. </td>
+      <td colspan="6">Penetapan kadar keuntungan berdasarkan nilai marhun cagaran / gadaian.</td>
+    </tr>
+    <tr>
+      <td></td>
+      <td colspan="6">
+        <table id="tawarruq">
+          <tr>
+            <th colspan="4"> Kadar Keuntungan </th>
+          </tr>
+          <tr>
+            <td>Nilai Marhun (RM)</td>
+            <td>1 - 400</td>
+            <td>401-2,000</td>
+            <td>2,001 DAN KE ATAS</td>
+          </tr>
+          <tr>
+            <td>Kadar Keuntungan</td>
+            <td>1.20%</td>
+            <td>1.50%</td>
+            <td>1.70%</td>
+          </tr>
+        </table>
+        <p>Pengiraan jumlah keuntungan bagi Pembiayaan sebagaimana berikut:</p>
+      </td>
+    </tr>
+    <tr>
+      <td></td>
+      <td colspan="6" style="border:1px solid black; text-align:center">Formula: Nilai Pembiayaan x Kadar Keuntungan x Tempoh Pembiayaan</td>
     </tr>
     <tr>
       <td> 7.</td>
-      <td colspan="6">Surat Akuan Gadai ini boleh ditebus oleh Pelanggan sahaja atau wakil yang diberi kuasa yang sah dengan membawa kad pengenalan diri pelanggan / Surat Wakil yang sah </td>
+      <td colspan="6">Seseorang pelanggan adalah berhak pada bila-bila masa dalam tempoh empat (4) bulan selepas lelong untuk memeriksa catatan jualan dalam rekod PKB dan pelanggan juga berhak menuntut baki lelongan (jika ada) selepas ditolak keuntungan yang perlu dibayar ke atas sandaran (marhun) dan kos lelong.</td>
     </tr>
     <tr>
       <td> 8.</td>
-      <td colspan="6">Pelanggan adalah bertanggungjawab untuk membayar zakat ke atas emas yang dicagarkan di PKB. Pihak PKB tidak bertanggungjawab untuk membayar zakat bagi pihak pelanggan ke atas cagaran tersebut.</td>
+      <td colspan="6">SAG ini hanya boleh ditebus oleh Pelanggan sahaja atau wakil yang diberi kuasa yang sah dengan membawa kad pengenalan diri (IC) / pasport / surat wakil yang sah.</td>
     </tr>
     <tr>
       <td> 9.</td>
@@ -694,73 +769,49 @@
     </tr>
     <tr>
       <td> 10.</td>
-      <td colspan="6">Sekiranya mana-mana sandaran (marhun) hilang atau rosak akibat kebakaran, pelanggan akan menerima gantirugi marhun dalam bentuk tunai berdasarkan nilai marhun masa barang tersebut ditaksirkan pada transaksi yang pertama setelah ditolak segala kos berkaitan.</td>
+      <td colspan="6">Pihak pelanggan mengesahkan bahawa telah membaca, memahami serta bersetuju dengan Notis Akta Perlindungan Data Peribadi 2010 yang boleh didapati di laman sesawang rasmi Permodalan Kelantan Berhad (www.pkb.net.my) atau melalui mana-mana cawangan Ar-Rahn.</td>
     </tr>
     <tr>
       <td> 11.</td>
-      <td colspan="6">Sekiranya pelanggan membuat penebusan marhun lebih awal sebelum daripada tempoh enam (6) bulan pertama, Ar-Rahn akan memberi Ibra` (rebat) atas keuntungan yang telah ditetapkan diawal kontrak pembiayaan dan Tawarruq berdasarkan pengiraan yang telah ditentukan oleh Ar-Rahn.</td>
-    </tr>
-    <tr>
-      <td> </td>
-      <td colspan="6"><b>Pengiraan Rebat : Jumlah Keuntungan Keuntungan Telah Dibayar</b></td>
+      <td colspan="6">Sekirannya mana-mana barang gadaian (marhun) hilang atau rosak akibat kebakaran, kecurian dan seumpamanya pelanggan akan menerima gantirugi marhun dalam bentuk tunai berdasarkan nilai marhun masa barang tersebut ditaksirkan pada transaksi yang pertama setelah ditolak segala kos berkaitan.</td>
     </tr>
     <tr>
       <td> 12.</td>
-      <td colspan="6">Pengiraan Kadar Keuntungan adalah sebagaimana berikut:</td>
+      <td colspan="6">Sekirannya pelanggan membuat penyelesaian awal Harga Jualan sebelum daripada tamat tempoh kontrak, PKB berakujanji memberikan Ibra' (rebat) atas keuntungan dari harga jualan yang telah ditetapkan pada tarikh pembiayaan berdasarkan formula berikut.</td>
+    </tr>
+    <tr>
+      <td></td>
+      <td colspan="6"><b>Pengiraan Rebat : Jumlah Keuntungan - Keuntungan Telah Dibayar</b></td>
+    </tr>
+    <tr>
+      <td></td>
+      <td colspan="6">Contoh penebusan pada bulan 4 : RM 180 (jumlah keuntungan 12 bulan) - RM 45 (keuntungan selama 3 bulan) = RM 135 (rebat)</td>
+    </tr>
+    <tr>
+      <td></td>
+      <td colspan="6">Jumlah Keuntungan yang perlu dibayar : RM 45</td>
     </tr>
-
   </table>
 
-  <br>  <div class="formula"><b>Formula : Nilai Pembiayaan x Kadar Keuntungan x Tempoh Pembiayaan</b></div>
-  <br>
-
-  <table id="tawarruq">
-    <tr>
-      <th colspan="4"> Kadar Keuntungan </th>
-    </tr>
-    <tr>
-      <td>Nilai Pembiayaan (RM)</td>
-      <td>0 - 200</td>
-      <td>201-1,000</td>
-      <td>1,001 DAN KE ATAS</td>
-    </tr>
-    <tr>
-      <td>Kadar Keuntungan</td>
-      <td>1.20%</td>
-      <td>1.50%</td>
-      <td>1.70%</td>
-    </tr>
-  </table>
-  <br>
   <div class='page-break'>  </div>
 
-  <table id="customers"> 
-    <tr>
-      <td> <b>{{ $cawangan_detail['namacaw'] }}</b></td>
-      <td rowspan="4"  style="width:50px;">
-        <div class="visible-print text-center">
-          {!! QrCode::size(50)->generate($pembayaran_segera); !!}
-        </div>
-      </td>
-      <td rowspan="4" style="width:50px;">
-        <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px" alt="User Image" class="center" >
-      </td>
-      <td rowspan="4"  style="width:50px;">
-        <img src="{{ asset('img/pkb.png') }}" style="width:50px" alt="User Image" class="center" >
-      </td>   
-    </tr>
-    <tr>
-      <td><b>{{ $cawangan_detail['alamat1'] }}</b></td> 
-    </tr>
-    <tr>
-      <td><B>{{ $cawangan_detail['alamat2'] }}</B></td> 
-    </tr>
-    <tr>
-      <td><B>{{ $cawangan_detail['notel'] }}</B></td>
-    </tr>
-  </table>
-
-  <br>
+  <div class="grid-container">
+    <div id="header_surat1">
+      <p>{{ $cawangan_detail['namacaw'] }}</p>
+      <p>{{ $cawangan_detail['alamat1'] }}</p>
+      <p>{{ $cawangan_detail['alamat2'] }}</p>
+      <p>KOPERASI PKB</p>
+      <p>{{ $cawangan_detail['notel'] }}</p>
+    </div>
+    <div id="header_surat2">
+      <img src="{{ asset('img/ARRAHN1.png') }}" style="width:50px;" alt="User Image" class="center" >
+      <img src="{{ asset('img/pkb.png') }}" style="width:50px;" alt="User Image" class="center" > 
+      <p style="margin-top:10px"><b>SURAT AKUAN GADAIAN</b></p>
+    </div>
+    <div>
+      <p class="bottomright"><b>SALINAN PEJABAT</b></p>
+    </div>
+  </div>
   <table id="perjanjian">
     <tr>
       <th colspan="7"> PERJANJIAN PEMBIAYAAN AR-RAHN TAWARRUQ  </th>
@@ -935,35 +986,26 @@
   </table>
   <br>
 
-  <table id="akuan">
+  <table style="margin-bottom:10px;" id="keuntungan">
     <tr>
-      <th colspan="3"> TANDATANGAN PELANGGAN</th>
-      <th colspan="3">TANDATANGAN KAKITANGAN STAFF AR-RAHN </th>
-      <th colspan="3">TANDATANGAN SAKSI </th>
+      <th colspan="2"> TANDATANGAN PELANGGAN</th>
+      <th colspan="2">TANDATANGAN PIHAK PKB </th>
+      <th colspan="2">TANDATANGAN SAKSI </th>
     </tr>
     <tr>
-      <td rowspan="3" style="padding:4px; height:50px;"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
-      <td rowspan="3"></td>
+      <td rowspan="3" colspan="2" style="padding:4px; width:33%; height:50px;"></td>
+      <td rowspan="3" colspan="2" style="width:33%;"></td>
+      <td rowspan="3" colspan="2" style="width:33%;"></td>
     </tr>
     <tr></tr>
     <tr></tr>
     <tr>
       <td>NAMA</td>
       <td>{{ $customer_detail['nama'] }}</td>
-      <td ></td>
       <td >NAMA</td>
       <td>{{ $gadai_detail['teller'] }}</td>
-      <td></td>
       <td >NAMA</td>
       <td > {{ $gadai_detail['penilai'] }}</td>
-      <td></td>
     </tr>
     <tr>
       <td>TARIKH</td>
@@ -974,8 +1016,7 @@
           echo($formattedweddingdate)
         @endphp
       </td>
-      <td ></td>
-      <td ></td>
+      <td>TARIKH</td>
       <td>
         @php 
           $myDateTime = DateTime::createFromFormat('Y-m-d', $gadai_detail['t_gadai']);
@@ -983,8 +1024,7 @@
           echo($formattedweddingdate)
         @endphp
       </td>
-      <td></td>
-      <td></td>
+      <td>TARIKH</td>
       <td>
         @php 
           $myDateTime = DateTime::createFromFormat('Y-m-d', $gadai_detail['t_gadai']);
@@ -992,15 +1032,11 @@
           echo($formattedweddingdate)
         @endphp
       </td>
-      <td></td>
     </tr>
   </table>
   <hr class="new1">
-  <br>
-  <br>
   
-
-  <div class="khazanah">
+  <div class="khazanah" >
     <div style="text-align:center;">
       @php
         echo '<img src="data:image/png;base64,' . DNS1D::getBarcodePNG($gadai_detail['norujukan'], 'C128',1,40) . '" alt="barcode"   />';
@@ -1081,13 +1117,33 @@
         <td>Tarikh Matang</td>
         <td>
           @php 
-            $myDateTime = DateTime::createFromFormat('Y-m-d', $gadai_detail['t_matang']);
+            $myDateTime = DateTime::createFromFormat('Y-m-d', $gadai_detail['t_matang1']);
             $formattedweddingdate = $myDateTime->format('d-m-Y');
             echo($formattedweddingdate)
           @endphp
         </td>
       </tr>
     </table>
+    <br>
+    <p>Nota</p>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
   </div>
 </body>
 </html>
\ No newline at end of file