123 lines
6.4 KiB
PHP
123 lines
6.4 KiB
PHP
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
|
|
<div class="card card-warning card-outline">
|
|
<div class="card-header">
|
|
<h5 class="col-lg-6 card-title m-0">Kode Pesanan
|
|
<small>{{ $orderCode }}</small>
|
|
</h5>
|
|
<h5 class="col-lg-6 card-title m-0" style="text-align: right">
|
|
<small id="datetime-order"></small>
|
|
</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<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="115px">Qty</th>
|
|
<th class="text-center" width="70px">(%)</th>
|
|
<th class="text-center" width="30px">
|
|
<i class="fas fa-cog"></i>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbody-order-menus">
|
|
</tbody>
|
|
<tfoot style="background-color: rgb(230, 230, 230)">
|
|
<tr>
|
|
<th class="text-center">Total</th>
|
|
<th colspan="3">
|
|
<span class="row">
|
|
<span class="col-6">Rp.</span>
|
|
<span class="col-6" style="text-align: right" id="total">0</span>
|
|
<span class="col-6" id="total-hidden" style="display: none">0</span>
|
|
</span>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<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-3">
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th class="text-center">Grand Total</th>
|
|
<th colspan="3">
|
|
<span class="row">
|
|
<span class="col-6">Rp.</span>
|
|
<span class="col-6" style="text-align: right" id="total-diskon">0</span>
|
|
<span class="col-6" id="total-diskon-hidden" style="display: none">0</span>
|
|
</span>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<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-3" required
|
|
id="nominal-bayar">
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th class="text-center">Kembali</th>
|
|
<th colspan="3">
|
|
<span class="row">
|
|
<span class="col-6">Rp.</span>
|
|
<span class="col-6" style="text-align: right" id="kembali">0</span>
|
|
<span class="col-6" id="kembali-hidden" style="display: none">0</span>
|
|
</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-3 col-lg-6"
|
|
placeholder="Nama Pemesan" id="nama-pemesan" required>
|
|
<input type="text" name="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-3 mt-1" placeholder="Nomor Meja" id="nomor-meja"
|
|
required>
|
|
<input type="text" name="keterangan-pesanan" placeholder="Keterangan Pesanan"
|
|
class="form-control rounded-3 mt-1" id="keterangan-pesanan">
|
|
</span>
|
|
</th>
|
|
</tr>
|
|
<tr style="background-color: white">
|
|
<th colspan="4">
|
|
<div class="btn-group btn-block">
|
|
<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
|
|
</button>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 mt-2">
|
|
<a class="btn btn-info btn-block" id="print-dapur"
|
|
href="{{ route('transaksi.getCetakTigaKali') }}">Print
|
|
Dapur</a>
|
|
</div>
|
|
<div class="col-6 mt-2">
|
|
<button class="btn btn-danger btn-block" id="refresh">Refresh
|
|
Halaman</button>
|
|
</div>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|