diff --git a/resources/js/dashboards/bigdata.js b/resources/js/dashboards/bigdata.js
index 69e4386..96f1d95 100644
--- a/resources/js/dashboards/bigdata.js
+++ b/resources/js/dashboards/bigdata.js
@@ -64,6 +64,7 @@ class BigData {
             this.initChartNonBusinessRAB();
             this.initChartNonBusinessKRK();
             this.initChartNonBusinessDLH();
+            this.initChartPbgPayment();
         } catch (e) {
             console.error(e);
             // Initialize with empty data if there's an error
@@ -545,7 +546,7 @@ class BigData {
         });
     }
 
-    initChartPotensiTataRuang() {
+    initChartPbgPayment() {
         document
             .querySelectorAll(".document-count.chart-payment-pbg-task")
             .forEach((element) => {
diff --git a/resources/scss/dashboards/potentials/_inside_system.scss b/resources/scss/dashboards/potentials/_inside_system.scss
index 4937844..68393d1 100644
--- a/resources/scss/dashboards/potentials/_inside_system.scss
+++ b/resources/scss/dashboards/potentials/_inside_system.scss
@@ -71,7 +71,12 @@
 
 // line degrees
 .line {
-    background-color: black;
+    background: linear-gradient(
+        to top right,
+        transparent calc(50% - 2px),
+        black,
+        transparent calc(50% + 2px)
+    );
     position: absolute;
     height: 3px;
 }
diff --git a/resources/views/dashboards/potentials/inside_system.blade.php b/resources/views/dashboards/potentials/inside_system.blade.php
index cae5dd5..60327c8 100644
--- a/resources/views/dashboards/potentials/inside_system.blade.php
+++ b/resources/views/dashboards/potentials/inside_system.blade.php
@@ -30,10 +30,12 @@
                 ])
             @endcomponent
 
+            <div class="line" style="top:480px;left:430px;width:900px;height:2px;background-color:black;"></div>
+            <div class="line" style="top:590px;left:300px;width:950px;height:2px;rotate: 90deg; background-color: black;"></div>
             <div style="position: absolute; top: -250px; left: 900px;">
                 <x-custom-circle title="PBB BANGUNAN" size="large" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="pbb-bangunan-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: -230px; left: 730px;">
@@ -43,17 +45,18 @@
                 />
             </div>
 
+            <div class="square dia-top-right-bottom-left" style="top:100px;left:820px;width:120px;height:100px;"></div>
             <div style="position: absolute; top: -100px; left: 700px;">
                 <x-custom-circle title="NON USAHA" size="large" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="non-usaha-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             
             <div style="position: absolute; top: 100px; left: 650px;">
                 <x-custom-circle title="BIG DATA POTENSI" size="very-large" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="big-data-potensi-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
 
@@ -61,43 +64,48 @@
             <div style="position: absolute; top: 150px; left: 1100px;">
                 <x-custom-circle title="TIM WASDAL GABUNGAN" size="large" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="tim-wasdal-gabungan-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
+            <div class="square dia-top-right-bottom-left" style="top:380px;left:1200px;width:120px;height:100px;"></div>
+            <div class="square dia-top-left-bottom-right" style="top:480px;left:1200px;width:120px;height:100px;"></div>
+            <div class="square dia-top-left-bottom-right" style="top:530px;left:1150px;width:120px;height:100px;"></div>
+            <div class="square dia-top-right-bottom-left" style="top:530px;left:1040px;width:120px;height:100px;"></div>
+            <div class="square" style="top:600px;left:1100px;width:100px;height:2px;rotate: 100deg; background-color: black;"></div>
             <div style="position: absolute; top: 350px; left: 1000px;">
                 <x-custom-circle title="UPT WASDAL" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="upt-wasdal-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 350px; left: 1100px;">
                 <x-custom-circle title="SAT POLPP" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="sat-polpp-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 350px; left: 1200px;">
                 <x-custom-circle title="KEJARI" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="kejari-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 270px; left: 1300px;">
                 <x-custom-circle title="TNI" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="tni-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 170px; left: 1300px;">
                 <x-custom-circle title="POLRI" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="polri-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 70px; left: 1300px;">
                 <x-custom-circle title="SATGAS" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="satgas-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
 
@@ -105,25 +113,27 @@
             <div style="position: absolute; top: 120px; left: 300px;">
                 <x-custom-circle title="TATA RUANG - PETA 1:5000 - TAPAK BANGUNAN - BPN - UUCK" size="medium" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="true" data_id="tata-ruang-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
+            <div class="square dia-top-right-bottom-left" style="top:500px;left:220px;width:120px;height:100px;"></div>
+            <div class="square dia-top-left-bottom-right" style="top:350px;left:220px;width:120px;height:100px;"></div>
             <div style="position: absolute; top: 50px; left: 150px;">
                 <x-custom-circle title="USAHA" size="small" style="background-color: #388fc2;margin-top:260px;" 
                     visible_data="true" data_id="tata-ruang-usaha-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 300px; left: 150px;">
                 <x-custom-circle title="NON USAHA" size="small" style="background-color: #388fc2;margin-top:260px;" 
                     visible_data="true" data_id="tata-ruang-non-usaha-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 400px; left: 700px;">
                 <x-custom-circle title="USAHA" size="large" style="background-color: #8b6262;margin-top:260px;" 
                     visible_data="false" data_id="usaha-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
 
@@ -131,19 +141,22 @@
             <div style="position: absolute; top: 520px; left: 400px;">
                 <x-custom-circle title="REKLAME" size="large" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="true" data_id="reklame-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
+            <div class="square dia-top-right-bottom-left" style="top:730px;left:480px;width:250px;height:150px;"></div>
+            <div class="square dia-top-left-bottom-right" style="top:750px;left:300px;width:150px;height:100px;"></div>
+            <div class="square dia-top-right-bottom-left" style="top:870px;left:300px;width:150px;height:100px;"></div>
             <div style="position: absolute; top: 450px; left: 250px;">
                 <x-custom-circle title="SURVEY LAPANGAN" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="true" data_id="survey-lapangan-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 650px; left: 250px;">
                 <x-custom-circle title="PAJAK REKLAME" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="true" data_id="pajak-reklame-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
 
@@ -151,45 +164,50 @@
             <div style="position: absolute; top: 600px; left: 700px;">
                 <x-custom-circle title="PBB USAHA (BAPENDA)" size="large" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="bapenda-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
+            <div class="square dia-top-right-bottom-left" style="top:950px;left:650px;width:100px;height:150px;"></div>
+            <div class="square dia-top-left-bottom-right" style="top:950px;left:790px;width:100px;height:150px;"></div>
+            <div class="square dia-top-left-bottom-right" style="top:900px;left:820px;width:150px;height:200px;"></div>
             <div style="position: absolute; top: 800px; left: 620px;">
                 <x-custom-circle title="RESTORAN" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="true" data_id="restoran-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 800px; left: 720px;">
                 <x-custom-circle title="HIBURAN" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="true" data_id="hiburan-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 800px; left: 820px;">
                 <x-custom-circle title="HOTEL" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="true" data_id="hotel-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 800px; left: 920px;">
                 <x-custom-circle title="PARKIR" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="true" data_id="parkir-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
 
             {{-- disbudpar --}}
+            <div class="square dia-top-left-bottom-right" style="top:850px;left:990px;width:100px;height:150px;"></div>
+            <div class="square dia-top-left-bottom-right" style="top:700px;left:790px;width:150px;height:100px;"></div>
             <div style="position: absolute; top: 500px; left: 900px;">
                 <x-custom-circle title="DISBUDPAR" size="large" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="false" data_id="disbudpar-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
             <div style="position: absolute; top: 680px; left: 1050px;">
                 <x-custom-circle title="PARIWISATA" size="small" style="background-color: #627c8b;margin-top:260px;" 
                     visible_data="true" data_id="pariwisata-count" data_count="0" 
-                    document_url="{!! route('web-spatial-plannings.index', ['menu_id' => $menus->where('url','web-spatial-plannings.index')->first()->id]) !!}"
+                    document_url=""
                 />
             </div>
         </div>