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