feat:add

Views/Data/HargaSampah/Index.cshtml

@@ -16,6 +16,11 @@
                 <i id="eyeIcon" class="ph ph-eye-slash"></i>
                 <span id="btnText">Sembunyikan Harga</span>
             </button>
+            <button id="toggleSyncBtn" onclick="modal_sync.showModal()"
+                class="btn btn-sm rounded-full border border-green-700 text-green-700 bg-white hover:bg-green-50">
+                <i class="ph ph-arrows-counter-clockwise"></i>
+                <span id="btnText">Sync</span>
+            </button>
             <button class="btn btn-sm rounded-full bg-green-800 text-white hover:bg-green-900" onclick="modal_tambah.showModal()">
                 <i class="ph ph-plus"></i>
                 Tambah
@@ -114,6 +119,62 @@
 
 <!-- End Modal Hide Harga -->
 
+<!-- Modal Sync -->
+<dialog id="modal_sync" class="modal modal-bottom sm:modal-middle">
+    <div class="modal-box w-full max-w-2xl p-6 bg-white rounded-2xl shadow">
+
+        <!-- Header -->
+        <div class="flex items-start justify-between mb-5">
+            <div class="flex items-center gap-2">
+                <i class="ph ph-info text-red-500 text-2xl"></i>
+            </div>
+            <button onclick="modal_sync.close()" class="text-gray-500 hover:text-gray-700 cursor-pointer">
+                <i class="ph ph-x text-xl"></i>
+            </button>
+        </div>
+
+        <!-- Main Question -->
+        <p class="text-gray-900 text-base leading-relaxed mb-4">
+            Apakah Anda yakin ingin menyamakan data harga sampah BSU ini dengan 
+            data harga sampah yang ada di BSI?
+        </p>
+
+        <!-- Warning Box -->
+        <div class="bg-orange-50 border border-orange-200 text-orange-700 px-4 py-3 rounded-xl mb-8">
+            Tindakan ini akan mengganti seluruh data harga sampah pada BSU dengan data terbaru dari BSI,
+            dan perubahan ini tidak dapat dibatalkan.
+        </div>
+
+        <!-- Buttons -->
+        <form id="formSync" onsubmit="submitSync(event)">
+            <div class="flex justify-end gap-3">
+
+                <!-- Cancel -->
+                <button type="button" onclick="modal_sync.close()"
+                        class="px-8 py-2.5 bg-white rounded-full outline outline-1 outline-gray-300 
+                               text-gray-700 font-semibold hover:bg-gray-50 cursor-pointer">
+                    Tidak
+                </button>
+
+                <!-- Confirm -->
+                <button type="submit"
+                        class="px-8 py-2.5 bg-green-800 rounded-full text-white font-semibold 
+                               hover:bg-green-900 cursor-pointer">
+                    Ya, Samakan Data
+                </button>
+
+            </div>
+        </form>
+
+    </div>
+
+    <form method="dialog" class="modal-backdrop">
+        <button>close</button>
+    </form>
+</dialog>
+
+<!-- End Modal Sync -->
+
 <div class="h-6"></div>
 
 <div class="card bg-white shadow-sm">
@@ -270,5 +331,18 @@
                 showConfirmButton: false
             });
         }
+
+        function submitSync(e){
+            e.preventDefault();
+            modal_sync.close();
+
+            Swal.fire({
+                icon: 'success',
+                title: 'Sukses!',
+                text: 'Data harga berhasil disamakan.',
+                timer: 1000,
+                showConfirmButton: false
+            });
+        }
     </script>
 }