diff --git a/resources/views/customers/info.blade.php b/resources/views/customers/info.blade.php
index e5b1dd0..ebe5b61 100644
--- a/resources/views/customers/info.blade.php
+++ b/resources/views/customers/info.blade.php
@@ -311,21 +311,47 @@
             </div>
             <div class="card">
                 <div class="card-body">
-                    <table id="myTable">
-                        <thead>
-                            <tr>
-                                <th>Bil</th>
-                                <th>No Rujukan</th>
-                                <th>Tarikh Gadai</th>
-                                <th>Tarikh Matang</th>
-                                <th>Baki Harga Jualan</th>
-                                <th>Baki Pembiayaan</th>
-                                <th>Margin</th>
-                                <th>Tempoh</th>
-                                <th>Keuntungan</th>
-                            </tr>
-                        </thead>
-                    </table>
+                    <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>
+                        </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>
+                                    <tr>
+                                        <th>Bil</th>
+                                        <th>No Rujukan</th>
+                                        <th>Tarikh Gadai</th>
+                                        <th>Tarikh Matang</th>
+                                        <th>Baki Harga Jualan</th>
+                                        <th>Baki Pembiayaan</th>
+                                        <th>Margin</th>
+                                        <th>Tempoh</th>
+                                        <th>Keuntungan</th>
+                                    </tr>
+                                </thead>
+                            </table>
+                        </div>
+                        <div class="tab-pane fade" id="nav-xtawarruq" role="tabpanel" aria-labelledby="nav-xtawarruq-tab">
+                            <table id="xtawarruq">
+                                <thead>
+                                    <tr>
+                                        <th>Bil</th>
+                                        <th>No Rujukan</th>
+                                        <th>Tarikh Gadai</th>
+                                        <th>Tarikh Matang</th>
+                                        <th>Pembiayaan</th>
+                                        <th>Margin</th>
+                                        <th>Tempoh</th>
+                                    </tr>
+                                </thead>
+                            </table>
+                        </div>
+                    </div>
+                    
 
                     {{-- Sudah Tebus --}}
 
@@ -409,6 +435,10 @@
         "scrollX": true
     });
 
+    var xtawarruq = $('#xtawarruq').DataTable({
+        "scrollX": false
+    });
+
     var tabledahtebus = $('#dahtebusTable').DataTable({
     });
 
@@ -455,25 +485,39 @@
         tablegadai.clear().draw();
         tabledahtebus.clear().draw();
         tablelelong.clear().draw();
+        xtawarruq.clear().draw();
         $.each(data,function(index,gadai_detail){
             $.ajax({
                 method:'get',
                 url:api_url + '/api/upahtawarruq/'+ gadai_detail['kodcaw'] +'/' + gadai_detail['norujukan'],
                 success:function(upahsemasa){
-                    if(jenistebus == "belum_tebus"){  
+                    if(jenistebus == "belum_tebus"){
                         var urlroute = '{{ route("penebusan", ":id") }}';
                         urlroute = urlroute.replace(':id', gadai_detail["norujukan"]);
-                        tablegadai.row.add([
-                            '<input type="radio" value='+ gadai_detail["norujukan"] +' name="belum"/>',
-                            '<a href="#" onclick="checkserah(this)" data-norujukan='+ gadai_detail['norujukan'] +' data-url=' + urlroute +'>' + gadai_detail['norujukan'] + '</a>',
-                            gadai_detail['t_gadai'],
-                            gadai_detail['t_matang1'],
-                            'RM '+ formatter.format(gadai_detail['bakihargajualan']),
-                            'RM '+formatter.format(gadai_detail['bakipjm']),
-                            (((Number(gadai_detail['pinjaman'])/Number(gadai_detail['nilaimarhun']))*100).toFixed(2)).toLocaleString("en-GB") + '%',
-                            gadai_detail['jbg'],
-                            'RM '+ formatter.format(upahsemasa)
-                        ]).draw();
+                        console.log(gadai_detail['bakihargajualan']);
+                        if(gadai_detail["bakihargajualan"] == null){
+                            xtawarruq.row.add([
+                                '<input type="radio" value='+ gadai_detail["norujukan"] +' name="belum"/>',
+                                '<a href="#" onclick="checkserah(this)" data-norujukan='+ gadai_detail['norujukan'] +' data-url=' + urlroute +'>' + gadai_detail['norujukan'] + '</a>',
+                                gadai_detail['t_gadai'],
+                                gadai_detail['t_matang'],
+                                'RM '+formatter.format(gadai_detail['pinjaman']),
+                                (((Number(gadai_detail['pinjaman'])/Number(gadai_detail['nilaimarhun']))*100).toFixed(2)).toLocaleString("en-GB") + '%',
+                                gadai_detail['jbg']
+                            ]).draw();
+                        }else{
+                            tablegadai.row.add([
+                                '<input type="radio" value='+ gadai_detail["norujukan"] +' name="belum"/>',
+                                '<a href="#" onclick="checkserah(this)" data-norujukan='+ gadai_detail['norujukan'] +' data-url=' + urlroute +'>' + gadai_detail['norujukan'] + '</a>',
+                                gadai_detail['t_gadai'],
+                                gadai_detail['t_matang1'],
+                                'RM '+ formatter.format(gadai_detail['bakihargajualan']),
+                                'RM '+formatter.format(gadai_detail['bakipjm']),
+                                (((Number(gadai_detail['pinjaman'])/Number(gadai_detail['nilaimarhun']))*100).toFixed(2)).toLocaleString("en-GB") + '%',
+                                gadai_detail['jbg'],
+                                'RM '+ formatter.format(upahsemasa)
+                            ]).draw();
+                        }
                     }else if(jenistebus == "sudah_tebus"){
                         
                         tabledahtebus.row.add([
@@ -1060,8 +1104,9 @@
     function gadaiOptionButton(noic){
         tablegadai.clear().draw();
         if($("input[name='options']:checked").val() == 'belum_tebus'){
-            
+            $('#nav-tab').show();
             $('#myTable').parents('div.dataTables_wrapper').first().show();
+            $('#xtawarruq').parents('div.dataTables_wrapper').first().show();
             $('#dahtebusTable').parents('div.dataTables_wrapper').first().hide();
             $('#lelongTable').parents('div.dataTables_wrapper').first().hide();
 
@@ -1074,8 +1119,9 @@
             });
         }
         if($("input[name='options']:checked").val() == 'sudah_tebus'){
-
+            $('#nav-tab').hide();
             $('#myTable').parents('div.dataTables_wrapper').first().hide();
+            $('#xtawarruq').parents('div.dataTables_wrapper').first().hide();
             $('#dahtebusTable').parents('div.dataTables_wrapper').first().show();
             $('#lelongTable').parents('div.dataTables_wrapper').first().hide();
 
@@ -1088,8 +1134,9 @@
             });
         }
         if($("input[name='options']:checked").val() == 'lelong'){
-
+            $('#nav-tab').hide();
             $('#myTable').parents('div.dataTables_wrapper').first().hide();
+            $('#xtawarruq').parents('div.dataTables_wrapper').first().hide();
             $('#dahtebusTable').parents('div.dataTables_wrapper').first().hide();
             $('#lelongTable').parents('div.dataTables_wrapper').first().show();