From 899a81c7099e020084c45d1227ad178bd9b768b1 Mon Sep 17 00:00:00 2001
From: dhilanradya <akundhilan@gmail.com>
Date: Wed, 15 Oct 2025 09:14:30 +0700
Subject: [PATCH] rapihin

---
 resources/js/pages/Kasir.vue | 31 +++++++++++++++----------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/resources/js/pages/Kasir.vue b/resources/js/pages/Kasir.vue
index fb733c3..05523e3 100644
--- a/resources/js/pages/Kasir.vue
+++ b/resources/js/pages/Kasir.vue
@@ -4,7 +4,7 @@
             <div
                 class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-3 sm:gap-2 mx-auto min-h-[75vh]"
             >
-                <!-- Left Section - Form Kasir -->
+
                 <div class="lg:col-span-3">
                     <div
                         class="bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden h-auto lg:h-full"
@@ -15,13 +15,13 @@
                     </div>
                 </div>
 
-                <!-- Right Section - Transaction List -->
+
                 <div class="lg:col-span-2">
                     <div
                         class="bg-white rounded-xl shadow-lg border border-gray-200 overflow-hidden lg:h-fit sticky top-4 max-h-[70vh] overflow-y-auto"
                     >
                         <div class="p-3 sm:p-4 md:p-6">
-                            <!-- Simplified Transaction List - Hari Ini Only -->
+
                             <KasirTransaksiList
                                 :transaksi="transaksi.data || []"
                                 :loading="loading"
@@ -34,7 +34,7 @@
             </div>
         </div>
 
-        <!-- ✅ POPUP KONFIRMASI -->
+
         <ModalConfirm
             v-if="showConfirm"
             title="Konfirmasi"
@@ -52,7 +52,7 @@ import axios from "axios";
 import mainLayout from "../layouts/mainLayout.vue";
 import KasirForm from "../components/KasirForm.vue";
 import KasirTransaksiList from "../components/KasirTransaksiList.vue";
-import ModalConfirm from "../components/ModalConfirm.vue"; // ✅ Tambah ini
+import ModalConfirm from "../components/ModalConfirm.vue";
 
 const transaksi = ref({
   data: [],
@@ -62,18 +62,17 @@ const loading = ref(true);
 const currentPage = ref(1);
 const limit = 10;
 
-const showConfirm = ref(false); // ✅
-const confirmMessage = ref("Apakah kamu yakin?"); // ✅
-let lastTransaksi = null; // untuk tau data transaksi terakhir
+const showConfirm = ref(false);
+const confirmMessage = ref("Apakah kamu yakin?");
+let lastTransaksi = null;
+
 
-// ✅ Placeholder jika user tekan "Ya"
 const handleConfirm = () => {
     showConfirm.value = false;
     console.log("User konfirmasi, cetak struk di sini...", lastTransaksi);
-    // TODO: jalankan fungsi cetakStruk(lastTransaksi)
 };
 
-// Fetch hanya transaksi hari ini
+
 const fetchTransaksiHariIni = async (page = 1) => {
     try {
         loading.value = true;
@@ -106,14 +105,14 @@ const fetchTransaksiHariIni = async (page = 1) => {
     }
 };
 
-// Handle pagination
+
 const handlePageChange = (page) => {
     if (page >= 1 && page <= (transaksi.value.pagination?.last_page || 1)) {
         fetchTransaksiHariIni(page);
     }
 };
 
-// ✅ Popup setelah transaksi tersimpan
+
 const handleTransaksiSaved = async (newTransaksi) => {
     const formattedNewTransaksi = {
         id: newTransaksi.id,
@@ -127,7 +126,7 @@ const handleTransaksiSaved = async (newTransaksi) => {
     };
 
     transaksi.value.data.unshift(formattedNewTransaksi);
-    lastTransaksi = formattedNewTransaksi; // ✅ Simpan untuk cetak
+    lastTransaksi = formattedNewTransaksi;
 
     if (transaksi.value.pagination) {
         transaksi.value.pagination.total += 1;
@@ -137,10 +136,10 @@ const handleTransaksiSaved = async (newTransaksi) => {
     }
 
     confirmMessage.value = "Transaksi berhasil disimpan. Cetak struk sekarang?";
-    showConfirm.value = true; // ✅ Munculkan popup
+    showConfirm.value = true;
 };
 
-// Auto-refresh setiap 10 detik untuk update real-time
+
 let refreshInterval = null;
 const startAutoRefresh = () => {
     if (refreshInterval) clearInterval(refreshInterval);