From 173ee9d33a6748af30f4a163a3081dac34c48b10 Mon Sep 17 00:00:00 2001
From: Akhmad Sofyan <akhmadsofyanz@gmail.com>
Date: Thu, 25 Jan 2024 16:13:09 +0700
Subject: [PATCH] edit file transaksi tampilan dan bayar uang pas

---
 resources/views/pages/Kasir/js.blade.php      | 46 +++++++++++++------
 .../views/pages/Kasir/transaksi.blade.php     | 25 ++++++----
 2 files changed, 46 insertions(+), 25 deletions(-)

diff --git a/resources/views/pages/Kasir/js.blade.php b/resources/views/pages/Kasir/js.blade.php
index 99ff793..b0873d1 100644
--- a/resources/views/pages/Kasir/js.blade.php
+++ b/resources/views/pages/Kasir/js.blade.php
@@ -185,7 +185,7 @@
                         <br>
                         ${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
                         <div class="input-group input-group-sm mt-1">
-                            <input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan.." value='${paketFreenyaini}'>
+                            <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan.." value='${paketFreenyaini}'>
                         </div>
                     </td>
                     `;
@@ -196,7 +196,7 @@
                     <br>
                     ${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
                     <div class="input-group input-group-sm mt-1">
-                        <input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan..">
+                        <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
                     </div>
                 </td>
                 `;
@@ -208,7 +208,7 @@
                         <span class="input-group-append">
                             <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id}, '${params.nama_produk}')"><b>-</b></button>
                         </span>
-                        <input type="text" name="bayar" class="form-control rounded-0" readonly value="${qty}">
+                        <input type="text" name="bayar" class="form-control rounded-3" readonly value="${qty}">
                         <span class="input-group-append">
                             <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button>
                         </span>
@@ -218,7 +218,7 @@
                 table.rows[index].cells[2].innerHTML = `
                 <td class="text-center">
                     <div class="input-group input-group-sm">
-                        <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-0" value="${diskonSatuan}" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
+                        <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-3" value="${diskonSatuan}" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
                     </div>
                 </td>
                 `;
@@ -245,7 +245,7 @@
                         <br>
                         <small class="text-primary">Rp. ${params.harga_produk}</small>
                         <div class="input-group input-group-sm mt-1">
-                            <input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan.." value="${paketFreenyaini}">
+                            <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan.." value="${paketFreenyaini}">
                         </div>
                     </td>
                     <td class="text-center">
@@ -253,7 +253,7 @@
                             <span class="input-group-append">
                                 <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id}, '${params.nama_produk}')"><b>-</b></button>
                             </span>
-                            <input type="text" name="bayar" class="form-control rounded-0" readonly value="${menuQty}">
+                            <input type="text" name="bayar" class="form-control rounded-3" readonly value="${menuQty}">
                             <span class="input-group-append">
                                 <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button>
                             </span>
@@ -261,7 +261,7 @@
                     </td>
                     <td class="text-center">
                         <div class="input-group input-group-sm">
-                            <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-0" value="0" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
+                            <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-3" value="0" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
                         </div>
                     </td>
                     <td class="text-center">
@@ -279,7 +279,7 @@
                         <br>
                         <small class="text-primary">Rp. ${params.harga_produk}</small>
                         <div class="input-group input-group-sm mt-1">
-                            <input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan..">
+                            <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
                         </div>
                     </td>
                     <td class="text-center">
@@ -287,7 +287,7 @@
                             <span class="input-group-append">
                                 <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id}, '${params.nama_produk}')"><b>-</b></button>
                             </span>
-                            <input type="text" name="bayar" class="form-control rounded-0" readonly value="${menuQty}">
+                            <input type="text" name="bayar" class="form-control rounded-3" readonly value="${menuQty}">
                             <span class="input-group-append">
                                 <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button>
                             </span>
@@ -295,7 +295,7 @@
                     </td>
                     <td class="text-center">
                         <div class="input-group input-group-sm">
-                            <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-0" value="0" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
+                            <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-3" value="0" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
                         </div>
                     </td>
                     <td class="text-center">
@@ -389,7 +389,7 @@
                 <br>
                 ${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
                 <div class="input-group input-group-sm mt-1">
-                    <input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan..">
+                    <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
                 </div>
             </td>
         `;
@@ -400,7 +400,7 @@
                         <span class="input-group-append">
                             <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params}, '${nama_produk}')"><b>-</b></button>
                         </span>
-                        <input type="text" name="bayar" class="form-control rounded-0" readonly value="${qty}">
+                        <input type="text" name="bayar" class="form-control rounded-3" readonly value="${qty}">
                         <span class="input-group-append">
                             <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params}, '${nama_produk}')">+</button>
                         </span>
@@ -445,7 +445,7 @@
                     <br>
                     ${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
                     <div class="input-group input-group-sm mt-1">
-                        <input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan..">
+                        <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
                     </div>
                 </td>
             `;
@@ -456,7 +456,7 @@
                             <span class="input-group-append">
                                 <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params}, '${nama_produk}')"><b>-</b></button>
                             </span>
-                            <input type="text" name="bayar" class="form-control rounded-0" readonly value="${qty}">
+                            <input type="text" name="bayar" class="form-control rounded-3" readonly value="${qty}">
                             <span class="input-group-append">
                                 <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params}, '${nama_produk}')">+</button>
                             </span>
@@ -504,7 +504,7 @@
                     <br>
                     ${(diskonSatuan >= 1) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
                     <div class="input-group input-group-sm mt-1">
-                        <input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan..">
+                        <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
                     </div>
                 </td>
             `;
@@ -532,6 +532,7 @@
             dengan_rupiah.value = formatRupiah(this.value, 'Rp. ');
         });
 
+
         /* Fungsi */
         function formatRupiah(angka, prefix) {
             var number_string = angka.replace(/[^,\d]/g, '').toString(),
@@ -586,6 +587,21 @@
                 $("#modal_nontunai").modal('show')
             })
         })
+        
+        // bayar uang pas
+        $(document).ready(function() {
+            $('#bayar_uang_pas').on('click', function() {
+                // Mengambil teks dari elemen dengan menggunakan innerText
+                let grandTotalText = document.getElementById('total-diskon').innerText;
+
+                // Mengisi nilai ke input dengan format Rupiah
+                $("#nominal-bayar").val(formatRupiah(grandTotalText, 'Rp. '));
+                calculatekembali();
+            });
+        });
+
+
+
 
         // kirim pembayaran
         $(document).ready(function() {
diff --git a/resources/views/pages/Kasir/transaksi.blade.php b/resources/views/pages/Kasir/transaksi.blade.php
index 742c8a4..39d285b 100644
--- a/resources/views/pages/Kasir/transaksi.blade.php
+++ b/resources/views/pages/Kasir/transaksi.blade.php
@@ -387,8 +387,8 @@
                         </h5>
                     </div>
                     <div class="card-body">
-                        <table class="table table-bordered table-striped" id="order-menus" width="100%">
-                            <thead style="background-color: lightgray">
+                        <table class="table table-bordered table-striped" id="order-menus" style="border-collapse: collapse; width: 100%; max-width: 600px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+                            <thead style="background-color: rgb(230, 230, 230)">
                                 <tr>
                                     <th class="text-center">Menu</th>
                                     <th class="text-center" width="110px">Qty</th>
@@ -400,7 +400,7 @@
                             </thead>
                             <tbody id="tbody-order-menus">
                             </tbody>
-                            <tfoot style="background-color: lightgray">
+                            <tfoot style="background-color: rgb(230, 230, 230)">
                                 <tr>
                                     <th class="text-center">Total</th>
                                     <th colspan="3">
@@ -415,7 +415,7 @@
                                     <th class="text-center">Diskon (%)</th>
                                     <th colspan="3">
                                         <div class="input-group input-group-sm">
-                                            <input type="number" name="diskon" class="form-control rounded-0">
+                                            <input type="number" name="diskon" class="form-control rounded-3">
                                         </div>
                                     </th>
                                 </tr>
@@ -433,7 +433,7 @@
                                     <th class="text-center">Bayar</th>
                                     <th colspan="3">
                                         <div class="input-group input-group-sm">
-                                            <input type="text" name="nominal-bayar" class="form-control rounded-0"
+                                            <input type="text" name="nominal-bayar" class="form-control rounded-3"
                                                 required id="nominal-bayar">
                                         </div>
                                     </th>
@@ -448,20 +448,25 @@
                                         </span>
                                     </th>
                                 </tr>
+                                <tr>
+                                    <th colspan="4" class="text-center">
+                                        <button class="btn btn-outline-primary col-sm-12 col-md-12 col-lg-12" id="bayar_uang_pas">Uang Pas</button>
+                                    </th>
+                                </tr>
                                 <tr>
                                     <th colspan="4">
                                         <span class="row">
                                             <input type="text" name="nama-pemesan"
-                                                class="form-control rounded-0 col-lg-6" placeholder="Nama Pemesan"
+                                                class="form-control rounded-3 col-lg-6" placeholder="Nama Pemesan"
                                                 id="nama-pemesan" required>
                                             <input type="text" name="nomor-pemesan"
-                                                class="form-control rounded-0 col-lg-6" placeholder="Nomor Pemesan"
+                                                class="form-control rounded-3 col-lg-6" placeholder="Nomor Pemesan"
                                                 id="nomor-pemesan" oninput="inputNum(this)" required>
                                             <input type="number" min="1" name="nomor-meja"
-                                                class="form-control rounded-0" placeholder="Nomor Meja" id="nomor-meja"
+                                                class="form-control rounded-3 mt-1" placeholder="Nomor Meja" id="nomor-meja"
                                                 required>
                                             <input type="text" name="keterangan-pesanan"
-                                                placeholder="Keterangan Pesanan" class="form-control rounded-0"
+                                                placeholder="Keterangan Pesanan" class="form-control rounded-3 mt-1"
                                                 id="keterangan-pesanan">
                                         </span>
                                     </th>
@@ -469,7 +474,7 @@
                                 <tr style="background-color: white">
                                     <th colspan="4">
                                         <div class="btn-group btn-block">
-                                            <button class="btn btn-warning btn-block col-sm-10 col-md-10 col-lg-10"
+                                            <button class="btn btn-warning btn-block col-sm-8 col-md-8 col-lg-8"
                                                 id="pesan-bayar-tunai">Bayar</button>
                                             <button type="button" class="btn btn-success" id="pesan-bayar-nontunai">
                                                 Non Tunai