diff --git a/resources/views/pages/Kasir/js.blade.php b/resources/views/pages/Kasir/js.blade.php
index 8e4e8da..c5c8aa0 100644
--- a/resources/views/pages/Kasir/js.blade.php
+++ b/resources/views/pages/Kasir/js.blade.php
@@ -187,7 +187,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" data-keterangan="" class="form-control rounded-0" placeholder="Keterangan.." value='${paketFreenyaini}'>
+                            <input type="text" name="keterangan_satuan" data-keterangan="" class="form-control rounded-3" placeholder="Keterangan.." value='${paketFreenyaini}'>
                         </div>
                     </td>
                     `;
@@ -198,7 +198,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" data-keterangan="" class="form-control rounded-0" placeholder="Keterangan..">
+                        <input type="text" name="keterangan_satuan" data-keterangan="" class="form-control rounded-3" placeholder="Keterangan..">
                     </div>
                 </td>
                 `;
@@ -210,7 +210,7 @@
                         <span class="input-group-append">
                             <button type="button" class="btn btn-default btn-xs btn-flat tai" onclick="decrementMenu(${globalId}, '${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(${globalId}, '${params.nama_produk}')">+</button>
                         </span>
@@ -220,7 +220,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(${globalId}, '${params.nama_produk}', this.value)">
+                        <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-3" value="${diskonSatuan}" onkeyup="diskonSatuanMenu(${globalId}, '${params.nama_produk}', this.value)">
                     </div>
                 </td>
                 `;
@@ -249,7 +249,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" data-keterangan="${paketFreenyaini}" placeholder="Keterangan.." value="${paketFreenyaini}">
+                            <input type="text" name="keterangan_satuan" class="form-control rounded-3" data-keterangan="${paketFreenyaini}" placeholder="Keterangan.." value="${paketFreenyaini}">
                         </div>
                     </td>
                     <td class="text-center">
@@ -257,7 +257,7 @@
                             <span class="input-group-append">
                                 <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${globalId}, '${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(${globalId}, '${params.nama_produk}')">+</button>
                             </span>
@@ -265,7 +265,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(${globalId}, '${params.nama_produk}', this.value)">
+                            <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-3" value="0" onkeyup="diskonSatuanMenu(${globalId}, '${params.nama_produk}', this.value)">
                         </div>
                     </td>
                     <td class="text-center">
@@ -283,7 +283,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" data-keterangan="" class="form-control rounded-0" placeholder="Keterangan..">
+                            <input type="text" name="keterangan_satuan" data-keterangan="" class="form-control rounded-3" placeholder="Keterangan..">
                         </div>
                     </td>
                     <td class="text-center">
@@ -291,7 +291,7 @@
                             <span class="input-group-append">
                                 <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${globalId}, '${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(${globalId}, '${params.nama_produk}')">+</button>
                             </span>
@@ -299,7 +299,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(${globalId}, '${params.nama_produk}', this.value)">
+                            <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-3" value="0" onkeyup="diskonSatuanMenu(${globalId}, '${params.nama_produk}', this.value)">
                         </div>
                     </td>
                     <td class="text-center">
@@ -397,7 +397,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" data-keterangan="${valueKeterangan}" value="${valueKeterangan}" class="form-control rounded-0" placeholder="Keterangan..">
+                    <input type="text" name="keterangan_satuan" data-keterangan="${valueKeterangan}" value="${valueKeterangan}" class="form-control rounded-3" placeholder="Keterangan..">
                 </div>
             </td>
         `;
@@ -408,7 +408,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>
@@ -455,7 +455,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" data-keterangan="${valueKeterangan}" value="${valueKeterangan}" class="form-control rounded-0" placeholder="Keterangan..">
+                        <input type="text" name="keterangan_satuan" data-keterangan="${valueKeterangan}" value="${valueKeterangan}" class="form-control rounded-3" placeholder="Keterangan..">
                     </div>
                 </td>
             `;
@@ -466,7 +466,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>
@@ -515,7 +515,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" data-keterangan="${valueKeterangan}" value="${valueKeterangan}" class="form-control rounded-0" placeholder="Keterangan..">
+                        <input type="text" name="keterangan_satuan" data-keterangan="${valueKeterangan}" value="${valueKeterangan}" class="form-control rounded-3" placeholder="Keterangan..">
                     </div>
                 </td>
             `;
@@ -543,6 +543,7 @@
             dengan_rupiah.value = formatRupiah(this.value, 'Rp. ');
         });
 
+
         /* Fungsi */
         function formatRupiah(angka, prefix) {
             var number_string = angka.replace(/[^,\d]/g, '').toString(),
@@ -598,6 +599,21 @@
             })
         })
 
+        // 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() {
             $('#pesan-bayar-tunai').on('click', 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