Add: Nomor Pesanan (Transaksi),

Update: Desc Order on History Controller
auth
mikhailkusuma 2024-01-21 00:27:10 +07:00
parent d3620f71b5
commit 34083146d1
4 changed files with 826 additions and 887 deletions

View File

@ -16,7 +16,7 @@ class History extends Controller
public function getDataHistory()
{
$data = Pesanan::with(['detailPesanan', 'user'])->get();
$data = Pesanan::with(['detailPesanan', 'user'])->orderBy('created_at', 'desc')->get();
$nomor = 1;
return $datatables = datatables()

View File

@ -56,6 +56,7 @@ class Transaksi extends Controller
$pesananDatas = [
'kode_pesanan' => $request->orderCode,
'nama_pemesan' => $request->namaPemesan,
'nomor_pemesan' => $request->nomorPemesan,
'nomor_meja' => $request->nomorMeja,
'status_pesanan' => '1',
'tanggal_pesanan' => date('Y-m-d H:i:s'),

View File

@ -16,6 +16,7 @@ class Pesanan extends Model
protected $fillable = [
'kode_pesanan',
'nama_pemesan',
'nomor_pemesan',
'status_pesanan',
'tanggal_pesanan',
'nomor_meja',

View File

@ -20,7 +20,7 @@
@endsection --}}
@section('content')
<div class="container" style="display: contents;">
<div class="container" style="display: contents;">
<div class="row" style="padding: 5px">
<div class="col-xl-8 col-lg-6 col-md-6 col-sm-12">
<div class="card card-warning card-outline card-outline-tabs">
@ -28,54 +28,29 @@
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
@foreach ($KelompokKategori as $key => $item)
<li class="nav-item">
<a class="nav-link @if ($key == 0) active @endif"
id="custom-tabs-four-{{ $item->kode_kelompok_kategori }}-tab" data-toggle="pill"
href="#custom-tabs-four-{{ $item->kode_kelompok_kategori }}" role="tab"
aria-controls="custom-tabs-four-{{ $item->kode_kelompok_kategori }}"
aria-selected="true">{{ $item->nama_kelompok_kategori }}</a>
<a class="nav-link @if ($key == 0) active @endif" id="custom-tabs-four-{{ $item->kode_kelompok_kategori }}-tab" data-toggle="pill" href="#custom-tabs-four-{{ $item->kode_kelompok_kategori }}" role="tab" aria-controls="custom-tabs-four-{{ $item->kode_kelompok_kategori }}" aria-selected="true">{{ $item->nama_kelompok_kategori }}</a>
</li>
@endforeach
</ul>
</div>
<div class="card-body" id="batasitinggi"
style="height:720px;overflow-y:scroll;margin-bottom: 5px;padding-top: 2px;padding-bottom: 2px">
<div class="card-body" id="batasitinggi" style="height:720px;overflow-y:scroll;margin-bottom: 5px;padding-top: 2px;padding-bottom: 2px">
<div class="tab-content" id="custom-tabs-four-tabContent">
@foreach ($KelompokKategori as $key => $item)
<div class="tab-pane fade show @if ($key == 0) active @endif"
id="custom-tabs-four-{{ $item->kode_kelompok_kategori }}" role="tabpanel"
aria-labelledby="custom-tabs-four-{{ $item->kode_kelompok_kategori }}-tab">
<div class="tab-pane fade show @if ($key == 0) active @endif" id="custom-tabs-four-{{ $item->kode_kelompok_kategori }}" role="tabpanel" aria-labelledby="custom-tabs-four-{{ $item->kode_kelompok_kategori }}-tab">
<div class="row">
@if ($item->kode_kelompok_kategori == 'PAK-SKOM')
<div class="col-lg-12 col-md-6 col-sm-6" style="padding: 0px">
<div class="row" style="padding: 0px">
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-3"
style="margin-left: 0px;padding-left: 0px;">
<div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab"
role="tablist" aria-orientation="vertical">
<div class="col-xl-3 col-lg-4 col-md-4 col-sm-3" style="margin-left: 0px;padding-left: 0px;">
<div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link vert-nav-content active"
id="vert-tabs-nasi-tab" data-toggle="pill"
href="#vert-tabs-nasi" role="tab"
aria-controls="vert-tabs-nasi" aria-selected="true">Nasi</a>
<a class="nav-link vert-nav-content" id="vert-tabs-telur-tab"
data-toggle="pill" href="#vert-tabs-telur" role="tab"
aria-controls="vert-tabs-telur"
aria-selected="false">Telur</a>
<a class="nav-link vert-nav-content" id="vert-tabs-sambel-tab"
data-toggle="pill" href="#vert-tabs-sambel" role="tab"
aria-controls="vert-tabs-sambel"
aria-selected="false">Sambel</a>
<a class="nav-link vert-nav-content" id="vert-tabs-topping-tab"
data-toggle="pill" href="#vert-tabs-topping" role="tab"
aria-controls="vert-tabs-topping"
aria-selected="false">Topping</a>
<a class="nav-link vert-nav-content" id="vert-tabs-free-tab"
data-toggle="pill" href="#vert-tabs-free" role="tab"
aria-controls="vert-tabs-free"
aria-selected="false">Free</a>
<a class="nav-link vert-nav-content active" id="vert-tabs-nasi-tab" data-toggle="pill" href="#vert-tabs-nasi" role="tab" aria-controls="vert-tabs-nasi" aria-selected="true">Nasi</a>
<a class="nav-link vert-nav-content" id="vert-tabs-telur-tab" data-toggle="pill" href="#vert-tabs-telur" role="tab" aria-controls="vert-tabs-telur" aria-selected="false">Telur</a>
<a class="nav-link vert-nav-content" id="vert-tabs-sambel-tab" data-toggle="pill" href="#vert-tabs-sambel" role="tab" aria-controls="vert-tabs-sambel" aria-selected="false">Sambel</a>
<a class="nav-link vert-nav-content" id="vert-tabs-topping-tab" data-toggle="pill" href="#vert-tabs-topping" role="tab" aria-controls="vert-tabs-topping" aria-selected="false">Topping</a>
<a class="nav-link vert-nav-content" id="vert-tabs-free-tab" data-toggle="pill" href="#vert-tabs-free" role="tab" aria-controls="vert-tabs-free" aria-selected="false">Free</a>
<div class="card card-warning card-outline"
style="margin-top: auto;margin-right: 5px;height: auto;">
<div class="card card-warning card-outline" style="margin-top: auto;margin-right: 5px;height: auto;">
<div class="card-header">
<h6 class="text-sm m-0" id="nama-paket">
Paket Menu Terpilih
@ -88,8 +63,7 @@
</li>
</ul>
</div>
<a class="btn btn-warning disabled"
id="select-ordered-menus" onclick="cariPaket()">Pilih
<a class="btn btn-warning disabled" id="select-ordered-menus" onclick="cariPaket()">Pilih
Paket Menu
</a>
</div>
@ -98,28 +72,21 @@
<div class="col-xl-9 col-lg-8 col-md-8 col-sm-9" style="padding: 0px;">
<div class="card-body" style="height:700px;overflow-y:scroll;">
<div class="tab-content" id="vert-tabs-tabContent">
<div class="tab-pane vert-tab-content fade text-left show active"
id="vert-tabs-nasi" role="tabpanel"
aria-labelledby="vert-tabs-nasi-tab">
<div class="tab-pane vert-tab-content fade text-left show active" id="vert-tabs-nasi" role="tabpanel" aria-labelledby="vert-tabs-nasi-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 1)
<div
class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-telur')"
class="card card-warning card-outline btn">
<div class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-telur')" class="card card-warning card-outline btn">
<div class="card-header">
<h6 class="m-0 text-xs">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h6>
</div>
<div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<img style="width: 100%;height: 100%;object-fit: cover;" src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-warning"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">
<a class="btn btn-warning" id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">
Pilih Paket
</a>
</div>
@ -128,28 +95,21 @@
@endforeach
</div>
</div>
<div class="tab-pane vert-tab-content"
id="vert-tabs-telur" role="tabpanel"
aria-labelledby="vert-tabs-telur-tab">
<div class="tab-pane vert-tab-content" id="vert-tabs-telur" role="tabpanel" aria-labelledby="vert-tabs-telur-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 2)
<div
class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-sambel')"
class="card card-warning card-outline btn">
<div class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-sambel')" class="card card-warning card-outline btn">
<div class="card-header">
<h6 class="m-0 text-xs">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h6>
</div>
<div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<img style="width: 100%;height: 100%;object-fit: cover;" src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-warning"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">
<a class="btn btn-warning" id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">
Pilih Paket
</a>
</div>
@ -158,28 +118,21 @@
@endforeach
</div>
</div>
<div class="tab-pane vert-tab-content"
id="vert-tabs-sambel" role="tabpanel"
aria-labelledby="vert-tabs-sambel-tab">
<div class="tab-pane vert-tab-content" id="vert-tabs-sambel" role="tabpanel" aria-labelledby="vert-tabs-sambel-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 3)
<div
class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-topping')"
class="card card-warning card-outline btn">
<div class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-topping')" class="card card-warning card-outline btn">
<div class="card-header">
<h6 class="m-0 text-xs">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h6>
</div>
<div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<img style="width: 100%;height: 100%;object-fit: cover;" src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-warning"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">Pilih
<a class="btn btn-warning" id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">Pilih
Paket
</a>
</div>
@ -188,28 +141,21 @@
@endforeach
</div>
</div>
<div class="tab-pane vert-tab-content"
id="vert-tabs-topping" role="tabpanel"
aria-labelledby="vert-tabs-topping-tab">
<div class="tab-pane vert-tab-content" id="vert-tabs-topping" role="tabpanel" aria-labelledby="vert-tabs-topping-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 4)
<div
class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-free')"
class="card card-warning card-outline btn">
<div class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-free')" class="card card-warning card-outline btn">
<div class="card-header">
<h6 class="m-0 text-xs">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h6>
</div>
<div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<img style="width: 100%;height: 100%;object-fit: cover;" src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-warning"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">Pilih
<a class="btn btn-warning" id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">Pilih
Paket
</a>
</div>
@ -218,27 +164,21 @@
@endforeach
</div>
</div>
<div class="tab-pane vert-tab-content" id="vert-tabs-free"
role="tabpanel" aria-labelledby="vert-tabs-free-tab">
<div class="tab-pane vert-tab-content" id="vert-tabs-free" role="tabpanel" aria-labelledby="vert-tabs-free-tab">
<div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 5)
<div
class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )"
class="card card-warning card-outline btn">
<div class="col-xl-4 col-lg-6 col-md-4 col-sm-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )" class="card card-warning card-outline btn">
<div class="card-header">
<h6 class="m-0 text-xs">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h6>
</div>
<div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<img style="width: 100%;height: 100%;object-fit: cover;" src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div>
<a class="btn btn-warning"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">
<a class="btn btn-warning" id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">
Pilih Paket
</a>
</div>
@ -257,8 +197,7 @@
{{-- Jika paket irit --}}
@if ($kelompokKategoriPivot->kelompok_kategori_id == 2)
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
<div class="card card-warning card-outline btn"
onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">
<div class="card card-warning card-outline btn" onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">
<div class="card-header">
<h6 class="m-0 text-xs">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
@ -266,18 +205,14 @@
</div>
<div class="card-body">
<div class="col-md-12">
<img style="width: 100%;height: 100%;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<div class="col-md-12 mt-1"
style="align-items: center;align-content: center;">
<img style="width: 100%;height: 100%;object-fit: cover;" src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<div class="col-md-12 mt-1" style="align-items: center;align-content: center;">
<h5>
{{ convert_to_rupiah($kelompokKategoriPivot->produk->harga_produk) }}
</h5>
</div>
<div class="col-md-12">
<a class="col-sm-6 col-md-8 col-lg-12 btn btn-warning"
id="ordered-menus">Pesan</a>
<a class="col-sm-6 col-md-8 col-lg-12 btn btn-warning" id="ordered-menus">Pesan</a>
</div>
</div>
<div class="col-md-12 mt-3">
@ -291,8 +226,7 @@
</div>
@else
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
<div class="card card-warning card-outline btn"
onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">
<div class="card card-warning card-outline btn" onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">
<div class="card-header">
<h6 class="m-0 text-xs">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
@ -300,18 +234,14 @@
</div>
<div class="card-body">
<div class="col-md-12">
<img style="width: 100%;height: 100%;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<div class="col-md-12 mt-1"
style="align-items: center;align-content: center;">
<img style="width: 100%;height: 100%;object-fit: cover;" src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<div class="col-md-12 mt-1" style="align-items: center;align-content: center;">
<h5>
{{ convert_to_rupiah($kelompokKategoriPivot->produk->harga_produk) }}
</h5>
</div>
<div class="col-md-12">
<a class="col-sm-6 col-md-8 col-lg-12 btn btn-warning"
id="ordered-menus">Pesan</a>
<a class="col-sm-6 col-md-8 col-lg-12 btn btn-warning" id="ordered-menus">Pesan</a>
</div>
</div>
</div>
@ -386,8 +316,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"
required id="nominal-bayar">
<input type="text" name="nominal-bayar" class="form-control rounded-0" required id="nominal-bayar">
</div>
</th>
</tr>
@ -404,14 +333,10 @@
<tr>
<th colspan="4">
<span class="row">
<input type="text" name="nama-pemesan" class="form-control rounded-0"
placeholder="Nama Pemesan" id="nama-pemesan" required>
<input type="number" min="1" name="nomor-meja"
class="form-control rounded-0" placeholder="Nomor Meja" id="nomor-meja"
required>
<input type="text" name="keterangan-pesanan"
placeholder="Keterangan Pesanan" class="form-control rounded-0"
id="keterangan-pesanan">
<input type="text" name="nama-pemesan" class="form-control rounded-0 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" 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" required>
<input type="text" name="keterangan-pesanan" placeholder="Keterangan Pesanan" class="form-control rounded-0" id="keterangan-pesanan">
</span>
</th>
</tr>
@ -429,10 +354,10 @@
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div><!-- /.container-fluid -->
<div class="modal fade" id="modal-default">
<div class="modal fade" id="modal-default">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
@ -447,20 +372,20 @@
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</div>
@endsection
@push('styles')
<!-- Toastr -->
<style>
</style>
<link rel="stylesheet" href="{{ asset('assets/plugins/toastr/toastr.min.css') }}">
<!-- Toastr -->
<style>
</style>
<link rel="stylesheet" href="{{ asset('assets/plugins/toastr/toastr.min.css') }}">
@endpush
@push('scripts')
<!-- Toastr -->
<script src="{{ asset('assets/plugins/toastr/toastr.min.js') }}"></script>
<script>
<!-- Toastr -->
<script src="{{ asset('assets/plugins/toastr/toastr.min.js') }}"></script>
<script>
// set interval waktu pesanan
function showTime() {
var date = new Date(),
@ -556,7 +481,7 @@
table.rows[index].cells[2].innerHTML = `
<td class="text-center">
<div class="input-group input-group-sm">
<input type="number" name="diskon_satuan" 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-0" value="${diskonSatuan}" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
</div>
</td>
`;
@ -593,7 +518,7 @@
</td>
<td class="text-center">
<div class="input-group input-group-sm">
<input type="number" name="diskon_satuan" 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-0" value="0" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
</div>
</td>
<td class="text-center">
@ -916,6 +841,7 @@
var nominalBayar = bayar.replace(/[^,\d]/g, '').toString();
var kembaliHidden = document.getElementById('kembali-hidden').innerHTML;
var namaPemesan = document.getElementsByName('nama-pemesan')[0].value;
var nomorPemesan = document.getElementsByName('nomor-pemesan')[0].value;
var nomorMeja = document.getElementsByName('nomor-meja')[0].value;
if (orderMenus.length == 0) {
@ -942,6 +868,7 @@
orderCode: "{{ $orderCode }}",
orderMenus: orderMenus,
namaPemesan: namaPemesan,
nomorPemesan: nomorPemesan,
nomorMeja: nomorMeja,
keteranganPesanan: document.getElementsByName('keterangan-pesanan')[0].value,
diskon: diskon,
@ -1154,5 +1081,15 @@
// aria-selected
document.getElementById(tabId + '-tab').setAttribute('aria-selected', true);
}
</script>
function inputNum(inputElement) {
// Hapus karakter selain angka
inputElement.value = inputElement.value.replace(/[^0-9]/g, '');
if (inputElement.value == '') {
inputElement.value = 0;
}
}
</script>
</script>
@endpush