wewmantap
/
resto-dhepot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: wewmantap:9560438af29ce6586b6304604805eafe2277c8e2
Branches Tags
wewmantap:main-gitea
wewmantap:main-gitea-nonprint
wewmantap:print-controller
wewmantap:main-gitea-setelahakun
wewmantap:mico
wewmantap:main-gitea-akuncoa
wewmantap:prod-jmbd
wewmantap:sofyan
wewmantap:akunCoa
wewmantap:akunCOA
wewmantap:zelda
wewmantap:auth
..
compare: wewmantap:7e31d7bb0a38d4eb246df42322b926b69b18ba43
Branches Tags
wewmantap:main-gitea
wewmantap:main-gitea-nonprint
wewmantap:print-controller
wewmantap:main-gitea-setelahakun
wewmantap:mico
wewmantap:main-gitea-akuncoa
wewmantap:prod-jmbd
wewmantap:sofyan
wewmantap:akunCoa
wewmantap:akunCOA
wewmantap:zelda
wewmantap:auth

No commits in common. "9560438af29ce6586b6304604805eafe2277c8e2" and "7e31d7bb0a38d4eb246df42322b926b69b18ba43" have entirely different histories.
9560438af2 ... 7e31d7bb0a

12 changed files with 331 additions and 815 deletions
Show Stats Expand all files Collapse all files

38
app/Http/Controllers/Kasir/Menu.php
View File

@ -1,38 +0,0 @@
<?php
namespace App\Http\Controllers\Kasir;
use App\Http\Controllers\Controller;
use App\Models\Pesanan;
use App\Models\Produk;
use Illuminate\Http\Request;
class Menu extends Controller
{
public function index()
{
return view('pages.menu.index');
}
public function getDataMenu()
{
$data = Produk::with(['kategori_produk'])->get();
$nomor = 1;
return $datatables = datatables()
->of($data)
->addColumn('nomor', function ($data) use (&$nomor) {
return $nomor++;
})
->addColumn('kategori_produk', function ($data) {
return $data->kategori_produk->nama_kategori_produk;
})
->addColumn('ubah', function ($data) {
return '<div class="btn-group">
<a href="javascript:void(0)" onclick="print(\'' . $data->id . '\')"><span class="btn btn-xs btn-success"><i class="fas fa-print"></i></span></a>
</div>';
})
->rawColumns(['nomor', 'kode_produk', 'ubah'])
->make(true);
}
}

18
app/Http/Controllers/Kasir/Transaksi.php
View File

@ -3,7 +3,6 @@
namespace App\Http\Controllers\Kasir; namespace App\Http\Controllers\Kasir;
use App\Http\Controllers\Controller; use App\Http\Controllers\Controller;
use App\Models\DetailPesanan;
use App\Models\KelompokKategori; use App\Models\KelompokKategori;
use App\Models\Produk; use App\Models\Produk;
use Illuminate\Http\Request; use Illuminate\Http\Request;
@ -16,18 +15,8 @@ class Transaksi extends Controller
{ {
$orderCode = "ORD -" . strtoupper(random_str(6, random_str())); $orderCode = "ORD -" . strtoupper(random_str(6, random_str()));
$KelompokKategori = KelompokKategori::with('kelompokKategoriPivot.produk')->get(); $KelompokKategori = KelompokKategori::with('kelompokKategoriPivot.produk')->get();
foreach ($KelompokKategori as $item) {
foreach ($item->kelompokKategoriPivot as $kelompokKategoriPivot) {
// Query tambahan untuk mendapatkan total pembelian berdasarkan produk
$totalPembelianByProduk[$kelompokKategoriPivot->produk->id] = DetailPesanan::select('detail_pesanans.produk_id', DB::raw('SUM(detail_pesanans.jumlah_produk) as total_beli'))
->where('detail_pesanans.produk_id', '=', $kelompokKategoriPivot->produk->id)
->groupBy('detail_pesanans.produk_id')
->first();
}
}
$produk = Produk::all(); $produk = Produk::all();
return view('pages.Kasir.transaksi', compact('orderCode', 'KelompokKategori', 'produk', 'totalPembelianByProduk')); return view('pages.Kasir.transaksi', compact('orderCode', 'KelompokKategori', 'produk'));
} }
public function store(Request $request) public function store(Request $request)
@ -35,12 +24,10 @@ class Transaksi extends Controller
$request->validate([ $request->validate([
'orderCode' => 'required', 'orderCode' => 'required',
'namaPemesan' => 'required', 'namaPemesan' => 'required',
'nomorMeja' => 'required',
'orderMenus' => 'required', 'orderMenus' => 'required',
], [ ], [
'orderCode.required' => 'Kode pesanan tidak boleh kosong', 'orderCode.required' => 'Kode pesanan tidak boleh kosong',
'namaPemesan.required' => 'Nama pemesan tidak boleh kosong', 'namaPemesan.required' => 'Nama pemesan tidak boleh kosong',
'nomorMeja.required' => 'Nomor meja tidak boleh kosong',
'orderMenus.required' => 'Pesanan tidak boleh kosong', 'orderMenus.required' => 'Pesanan tidak boleh kosong',
]); ]);
@ -56,7 +43,6 @@ class Transaksi extends Controller
$pesananDatas = [ $pesananDatas = [
'kode_pesanan' => $request->orderCode, 'kode_pesanan' => $request->orderCode,
'nama_pemesan' => $request->namaPemesan, 'nama_pemesan' => $request->namaPemesan,
'nomor_meja' => $request->nomorMeja,
'status_pesanan' => '1', 'status_pesanan' => '1',
'tanggal_pesanan' => date('Y-m-d H:i:s'), 'tanggal_pesanan' => date('Y-m-d H:i:s'),
'keterangan_pesanan' => $request->keteranganPesanan ?? null, 'keterangan_pesanan' => $request->keteranganPesanan ?? null,
@ -80,8 +66,6 @@ class Transaksi extends Controller
'jumlah_produk' => $value['qty'], 'jumlah_produk' => $value['qty'],
'harga_produk' => $value['harga'], 'harga_produk' => $value['harga'],
'total_harga_produk' => $value['total'], 'total_harga_produk' => $value['total'],
'diskon_persen' => $value['diskonSatuan'] ?? null,
'keterangan_produk' => $value['keterangan'] ?? null,
]; ];
$detailPesananModels = \App\Models\DetailPesanan::create($oderDatas); $detailPesananModels = \App\Models\DetailPesanan::create($oderDatas);
} }

1
app/Models/DetailPesanan.php
View File

@ -20,7 +20,6 @@ class DetailPesanan extends Model
'harga_produk', 'harga_produk',
'jumlah_produk', 'jumlah_produk',
'total_harga_produk', 'total_harga_produk',
'keterangan_produk',
'diskon_id', 'diskon_id',
'nama_diskon', 'nama_diskon',
'kode_diskon', 'kode_diskon',

14
app/Models/Produk.php
View File

@ -17,25 +17,13 @@ class Produk extends Model
'kategori_produk_id', 'kategori_produk_id',
'kode_produk', 'kode_produk',
'nama_produk', 'nama_produk',
'varian_produk', 'gambar_produk',
'deskripsi_produk', 'deskripsi_produk',
'harga_produk', 'harga_produk',
'stok_produk', 'stok_produk',
'tersedia', 'tersedia',
'gambar_produk',
'urutan',
]; ];
// full path to reach image from storage folder and check if image exists or not
public function getGambarProdukAttribute($value)
{
$storage = storage_path('app/public/produk/' . $this->kategori_produk_id . '/' . $value);
if (file_exists($storage)) {
return asset('storage/produk/' . $this->kategori_produk_id . '/' . $value);
} else {
return asset('assets/images/menu_image.jpeg');
}
}
public function kategori_produk() public function kategori_produk()
{ {

9
resources/views/components/main-footer.blade.php
View File

@ -1,9 +1,10 @@
<!-- Main Footer --> <!-- Main Footer -->
{{-- <footer class="main-footer"> <footer class="main-footer">
<!-- To the right --> <!-- To the right -->
<div class="float-right d-none d-sm-inline"> <div class="float-right d-none d-sm-inline">
version 1.0.0 Anything you want
</div> </div>
<!-- Default to the left --> <!-- Default to the left -->
<strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights
</footer> --}} reserved.
</footer>

13
resources/views/components/navbar.blade.php
View File

@ -1,12 +1,11 @@
<!-- Navbar --> <!-- Navbar -->
<nav class="main-header navbar navbar-expand-lg navbar-light navbar-warning"> <nav class="main-header navbar navbar-expand-lg navbar-light navbar-warning">
<div class="container" style="display: contents"> <div class="container" style="display: contents">
<a href="/" class="navbar-brand"> <a href="#" class="navbar-brand">
<span class="brand-text font-weight-bold ml-2" style="color: rgba(62, 62, 62, 0.526)">Sepiring Telur <span class="brand-text font-weight-light">Sepiring Telur Keriting</span>
Keriting</span>
</a> </a>
{{-- <div class="collapse navbar-collapse order-3" id="navbarCollapse"> <div class="collapse navbar-collapse order-3" id="navbarCollapse">
<!-- Left navbar links --> <!-- Left navbar links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
@ -67,14 +66,14 @@
</div> </div>
</div> </div>
</form> </form>
</div> --}} </div>
<!-- Right navbar links --> <!-- Right navbar links -->
<ul class="order-1 order-md-3 navbar-nav navbar-no-expand ml-auto"> <ul class="order-1 order-md-3 navbar-nav navbar-no-expand ml-auto">
<!-- Messages Dropdown Menu --> <!-- Messages Dropdown Menu -->
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" id="full-screen" data-widget="control-sidebar" data-slide="true" <a class="nav-link" id="full-screen" data-widget="control-sidebar" data-slide="true" href="#"
href="javascript:void(0)" role="button"> role="button">
<i class="fas fa-th-large"></i> <i class="fas fa-th-large"></i>
Fullscreen Fullscreen
</a> </a>

14
resources/views/layouts/base.blade.php
View File

@ -18,20 +18,6 @@ scratch. This page gets rid of all links and provides the needed markup only.
<!-- Theme style --> <!-- Theme style -->
<link rel="stylesheet" href="{{ asset('assets/dist/css/adminlte.min.css') }}"> <link rel="stylesheet" href="{{ asset('assets/dist/css/adminlte.min.css') }}">
<style>
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
</style>
@stack('styles') @stack('styles')
</head> </head>

70
resources/views/pages/Kasir/print.blade.php
View File

@ -22,7 +22,7 @@
} }
body { body {
/* font-family: 'Oswald'; */ font-family: 'Oswald';
font-size: 8pt; font-size: 8pt;
/* transform: scaleY(1.5); */ /* transform: scaleY(1.5); */
} }
@ -33,11 +33,11 @@
} }
/* .literely-table td, /* .literely-table td,
th, th,
tr { tr {
border-collapse: collapse; border-collapse: collapse;
border: 0.1px solid rgb(85, 85, 85); border: 0.1px solid rgb(85, 85, 85);
} */ } */
.rotate90 { .rotate90 {
-webkit-transform: rotate(90deg); -webkit-transform: rotate(90deg);
@ -64,10 +64,6 @@
hr.style2 { hr.style2 {
border-top: 1px solid #8c8b8b; border-top: 1px solid #8c8b8b;
} }
.dashed-line {
border: 1.5px dashed black;
}
</style> </style>
<body style="width: 80mm;"> <body style="width: 80mm;">
@ -78,12 +74,10 @@
<span> <span>
<p>{{ tanggal_indonesia($pesanan->tanggal_pesanan) }}</p> <p>{{ tanggal_indonesia($pesanan->tanggal_pesanan) }}</p>
<p>{{ date('H:i', strtotime($pesanan->tanggal_pesanan)) }}</p> <p>{{ date('H:i', strtotime($pesanan->tanggal_pesanan)) }}</p>
<p>Meja: {{ $pesanan->nomor_meja }}</p>
</span> </span>
<span style="text-align: right"> <span style="text-align: right">
<p>{{ $pesanan->kode_pesanan }}</p> <p>{{ $pesanan->kode_pesanan }}</p>
<p>Kasir: {{ $pesanan->user->name }}</p> <p>{{ $pesanan->user->name }}</p>
<p>Order: {{ $pesanan->nama_pemesan }}</p>
</span> </span>
</span> </span>
<p></p> <p></p>
@ -91,6 +85,7 @@
<table class="literely-table" style="width: 100%;"> <table class="literely-table" style="width: 100%;">
<tbody> <tbody>
@foreach ($pesanan->detailPesanan as $item) @foreach ($pesanan->detailPesanan as $item)
{{-- @dd($item) --}}
<tr> <tr>
<td style="width: 2px;">{{ $loop->iteration }}</td> <td style="width: 2px;">{{ $loop->iteration }}</td>
<td style="width: 80px;" colspan="3">{{ $item->nama_produk }}</td> <td style="width: 80px;" colspan="3">{{ $item->nama_produk }}</td>
@ -99,9 +94,7 @@
<td></td> <td></td>
<td style="text-align: right">{{ $item->jumlah_produk }}</td> <td style="text-align: right">{{ $item->jumlah_produk }}</td>
<td style="text-align: right">{{ convert_to_rupiah($item->harga_produk) }}</td> <td style="text-align: right">{{ convert_to_rupiah($item->harga_produk) }}</td>
<td style="text-align: right;width: 30px"> <td style="text-align: right">{{ convert_to_rupiah($item->total_harga_produk) }}</td>
{{ $item->diskon_persen != '' ? $item->diskon_persen . '%' : '' }}</td>
<td style="text-align: right;width: 90px">{{ convert_to_rupiah($item->total_harga_produk) }}</td>
</tr> </tr>
@endforeach @endforeach
</tbody> </tbody>
@ -139,49 +132,8 @@
<hr class="style1"> <hr class="style1">
<p style="text-align: center">Terima Kasih, Selamat Datang Kembali</p> <p style="text-align: center">Terima Kasih, Selamat Datang Kembali</p>
<p style="text-align: center;font-size: 7pt;">@sepiringtelurkeriting</p> <p style="text-align: center;font-size: 7pt;">@sepiringtelurkeriting</p>
<hr class="dashed-line" style="margin-top: 15px;">
<p style="text-align: center;font-size: 7pt">untuk dapur</p>
<hr class="dashed-line" style="margin-top: 10px;">
<span style="display: flex; justify-content: space-between;margin-top: 10px;">
<span>
<p>{{ tanggal_indonesia($pesanan->tanggal_pesanan) }}</p>
<p>{{ date('H:i', strtotime($pesanan->tanggal_pesanan)) }}</p>
<p>Meja: {{ $pesanan->nomor_meja }}</p>
</span>
<span style="text-align: right">
<p>{{ $pesanan->kode_pesanan }}</p>
<p>Kasir: {{ $pesanan->user->name }}</p>
<p>Order: {{ $pesanan->nama_pemesan }}</p>
</span>
</span>
<p></p>
<hr class="style2">
<p style="text-align: left; margin-top:3px;">Menu Order</p>
<table class="table" style="width: 100%;">
<tbody>
@foreach ($pesanan->detailPesanan as $item)
<tr>
<td style="width: 80px;" colspan="3">
{{ $loop->iteration }}. {{ $item->nama_produk }}
<br>
<small>
&nbsp;&nbsp;&nbsp;&nbsp;{{ $item->keterangan_produk }}
</small>
</td>
</tr>
@endforeach
</tbody>
</table>
<p style="text-align: left; margin-top:5px;">Keterangan Pesanan Keseluruhan</p>
<table class="table" style="width: 100%;">
<tbody>
<tr>
<td style="width: 80px;" colspan="3">
{{ $pesanan->keterangan_pesanan != '' ? $pesanan->keterangan_pesanan : '-' }}</td>
</tr>
</tbody>
</table>
<hr class="style2">
</body> </body>
<script> <script>
window.print(); window.print();

311
resources/views/pages/Kasir/print_dapur.blade.php
View File

@ -1,188 +1,175 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252" />
<title>Document</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald&family=Roboto:wght@300;400&display=swap"
rel="stylesheet">
</head>
<head> <style>
<meta charset="UTF-8"> @page {
<meta name="viewport" content="width=device-width, initial-scale=1.0"> margin: 0.2cm;
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252" /> }
<title>Document</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald&family=Roboto:wght@300;400&display=swap"
rel="stylesheet">
</head>
<style> html {
@page { color: black;
margin: 0.2cm; }
}
html { body {
color: black; font-family: 'Oswald';
} font-size: 8pt;
/* transform: scaleY(1.5); */
}
body { .title {
/* font-family: 'Oswald'; */ font-size: 11pt;
font-size: 8pt; font-weight: bold;
/* transform: scaleY(1.5); */ }
}
.title { /* .literely-table td,
font-size: 11pt;
font-weight: bold;
}
/* .literely-table td,
th, th,
tr { tr {
border-collapse: collapse; border-collapse: collapse;
border: 0.1px solid rgb(85, 85, 85); border: 0.1px solid rgb(85, 85, 85);
} */ } */
.rotate90 { .rotate90 {
-webkit-transform: rotate(90deg); -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg); -moz-transform: rotate(90deg);
-o-transform: rotate(90deg); -o-transform: rotate(90deg);
-ms-transform: rotate(90deg); -ms-transform: rotate(90deg);
transform: rotate(90deg); transform: rotate(90deg);
} }
h1, h1,
h2, h2,
h3, h3,
h4, h4,
h5, h5,
h6, h6,
p { p {
margin: 0; margin: 0;
} }
hr.style1 { hr.style1 {
border-top: 3px double #8c8b8b; border-top: 3px double #8c8b8b;
} }
hr.style2 { hr.style2 {
border-top: 1px solid #8c8b8b; border-top: 1px solid #8c8b8b;
} }
.dashed-line {
border: 1.5px dashed black;
}
</style>
.dashed-line { <body style="width: 80mm;">
border: 1.5px dashed black; <h2 style="text-align: center">Sepiring Telur Keriting</h2>
} <p style="text-align: center">Jln. Jawa No. 28A, Jember</p>
</style> <hr class="style2">
<span style="display: flex; justify-content: space-between">
<body style="width: 80mm;"> <span>
<h2 style="text-align: center">Sepiring Telur Keriting</h2> <p>{{ tanggal_indonesia($pesanan->tanggal_pesanan) }}</p>
<p style="text-align: center">Jln. Jawa No. 28A, Jember</p> <p>{{ date('H:i', strtotime($pesanan->tanggal_pesanan)) }}</p>
<hr class="style2"> </span>
<span style="display: flex; justify-content: space-between"> <span style="text-align: right">
<span> <p>{{ $pesanan->kode_pesanan }}</p>
<p>{{ tanggal_indonesia($pesanan->tanggal_pesanan) }}</p> <p>{{ $pesanan->user->name }}</p>
<p>{{ date('H:i', strtotime($pesanan->tanggal_pesanan)) }}</p> </span>
<p>Meja: {{ $pesanan->nomor_meja }}</p>
</span> </span>
<span style="text-align: right"> <p></p>
<p>{{ $pesanan->kode_pesanan }}</p> <hr class="style2">
<p>Kasir: {{ $pesanan->user->name }}</p> <table class="literely-table" style="width: 100%;">
<p>Order: {{ $pesanan->nama_pemesan }}</p> <tbody>
</span> @foreach ($pesanan->detailPesanan as $item)
</span> {{-- @dd($item) --}}
<p></p> <tr>
<hr class="style2"> <td style="width: 2px;">{{ $loop->iteration }}</td>
<table class="literely-table" style="width: 100%;"> <td style="width: 80px;" colspan="3">{{ $item->nama_produk }}</td>
<tbody> </tr>
@foreach ($pesanan->detailPesanan as $item) <tr>
<td></td>
<td style="text-align: right">{{ $item->jumlah_produk }}</td>
<td style="text-align: right">{{ convert_to_rupiah($item->harga_produk) }}</td>
<td style="text-align: right">{{ convert_to_rupiah($item->total_harga_produk) }}</td>
</tr>
@endforeach
</tbody>
</table>
<hr class="style2">
<table style="width: 100%;">
<thead>
<tr> <tr>
<td style="width: 2px;">{{ $loop->iteration }}</td> <th style="width: 20px;text-align: right">{{ $pesanan->total_pesanan }}</th>
<td style="width: 80px;" colspan="3">{{ $item->nama_produk }}</td> <th style="text-align: right">Total :</th>
<th style="text-align: right">{{ convert_to_rupiah($pesanan->total_bayar) }}</th>
</tr> </tr>
<tr> <tr>
<td></td> <th></th>
<td style="text-align: right">{{ $item->jumlah_produk }}</td> <th style="text-align: right">Diskon :</th>
<td style="text-align: right">{{ convert_to_rupiah($item->harga_produk) }}</td> <th style="text-align: right">{{ $pesanan->diskon_persen ?? 0 }} %</th>
<td style="text-align: right">{{ convert_to_rupiah($item->total_harga_produk) }}</td>
</tr> </tr>
@endforeach
</tbody>
</table>
<hr class="style2">
<table style="width: 100%;">
<thead>
<tr>
<th style="width: 20px;text-align: right">{{ $pesanan->total_pesanan }}</th>
<th style="text-align: right">Total :</th>
<th style="text-align: right">{{ convert_to_rupiah($pesanan->total_bayar) }}</th>
</tr>
<tr>
<th></th>
<th style="text-align: right">Diskon :</th>
<th style="text-align: right">{{ $pesanan->diskon_persen ?? 0 }} %</th>
</tr>
<tr>
<th></th>
<th style="text-align: right">Grand Total :</th>
<th style="text-align: right">{{ convert_to_rupiah($pesanan->grand_total) }}</th>
</tr>
<tr>
<th></th>
<th style="text-align: right">Bayar :</th>
<th style="text-align: right">{{ convert_to_rupiah($pesanan->nominal_bayar) }}</th>
</tr>
<tr>
<th></th>
<th style="text-align: right">Kembali :</th>
<th style="text-align: right">{{ convert_to_rupiah($pesanan->nominal_kembali) }}</th>
</tr>
</thead>
</table>
<hr class="style1">
<p style="text-align: center">Terima Kasih, Selamat Datang Kembali</p>
<p style="text-align: center;font-size: 7pt;">@sepiringtelurkeriting</p>
<hr class="dashed-line" style="margin-top: 15px;">
<p style="text-align: center;font-size: 7pt">untuk dapur</p>
<hr class="dashed-line" style="margin-top: 10px;">
<span style="display: flex; justify-content: space-between;margin-top: 10px;">
<span>
<p>{{ tanggal_indonesia($pesanan->tanggal_pesanan) }}</p>
<p>{{ date('H:i', strtotime($pesanan->tanggal_pesanan)) }}</p>
<p>Meja: {{ $pesanan->nomor_meja }}</p>
</span>
<span style="text-align: right">
<p>{{ $pesanan->kode_pesanan }}</p>
<p>Kasir: {{ $pesanan->user->name }}</p>
<p>Order: {{ $pesanan->nama_pemesan }}</p>
</span>
</span>
<p></p>
<hr class="style2">
<p style="text-align: left; margin-top:3px;">Menu Order</p>
<table class="table" style="width: 100%;">
<tbody>
@foreach ($pesanan->detailPesanan as $item)
<tr> <tr>
<td style="width: 80px;" colspan="3"> <th></th>
{{ $loop->iteration }}. {{ $item->nama_produk }} <th style="text-align: right">Grand Total :</th>
<br> <th style="text-align: right">{{ convert_to_rupiah($pesanan->grand_total) }}</th>
<small>
&nbsp;&nbsp;&nbsp;&nbsp;{{ $item->keterangan_produk }}
</small>
</td>
</tr> </tr>
@endforeach <tr>
</tbody> <th></th>
</table> <th style="text-align: right">Bayar :</th>
<p style="text-align: left; margin-top:5px;">Keterangan Pesanan Keseluruhan</p> <th style="text-align: right">{{ convert_to_rupiah($pesanan->nominal_bayar) }}</th>
<table class="table" style="width: 100%;"> </tr>
<tbody> <tr>
<tr> <th></th>
<td style="width: 80px;" colspan="3"> <th style="text-align: right">Kembali :</th>
{{ $pesanan->keterangan_pesanan != '' ? $pesanan->keterangan_pesanan : '-' }}</td> <th style="text-align: right">{{ convert_to_rupiah($pesanan->nominal_kembali) }}</th>
</tr> </tr>
</tbody> </thead>
</table> </table>
<hr class="style2"> <hr class="style1">
</body> <p style="text-align: center">Terima Kasih, Selamat Datang Kembali</p>
<script> <p style="text-align: center;font-size: 7pt;">@sepiringtelurkeriting</p>
window.print(); <hr class="dashed-line" style="margin-top: 15px;">
</script> <hr class="style2" style="margin-top: 15px;">
<span style="display: flex; justify-content: space-between">
<span>
<p>{{ tanggal_indonesia($pesanan->tanggal_pesanan) }}</p>
<p>{{ date('H:i', strtotime($pesanan->tanggal_pesanan)) }}</p>
</span>
<span style="text-align: right">
<p>{{ $pesanan->kode_pesanan }}</p>
<p>{{ $pesanan->user->name }}</p>
</span>
</span>
<p></p>
<hr class="style2">
<p style="text-align: left; margin-top:3px;">Menu</p>
<table class="table" style="width: 100%;">
<tbody>
@foreach ($pesanan->detailPesanan as $item)
<tr>
<td style="width: 80px;" colspan="3">* {{ $item->nama_produk }}</td>
</tr>
@endforeach
</tbody>
</table>
<p style="text-align: left; margin-top:3px;">Keterangan Pesanan</p>
<table class="table" style="width: 100%;">
<tbody>
<tr>
<td style="width: 80px;" colspan="3">* {{ $pesanan->keterangan_pesanan }}</td>
</tr>
</tbody>
</table>
<hr class="style2">
</body>
<script>
window.print();
</script>
</html> </html>

502
resources/views/pages/Kasir/transaksi.blade.php
View File

@ -22,8 +22,8 @@
@section('content') @section('content')
<div class="container" style="display: contents;"> <div class="container" style="display: contents;">
<div class="row" style="padding: 5px"> <div class="row" style="padding: 5px">
<div class="col-xl-8 col-lg-6 col-md-6 col-sm-12"> <div class="col-lg-8">
<div class="card card-warning card-outline card-outline-tabs"> <div class="card card-primary card-outline card-outline-tabs">
<div class="card-header p-0 border-bottom-0"> <div class="card-header p-0 border-bottom-0">
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
@foreach ($KelompokKategori as $key => $item) @foreach ($KelompokKategori as $key => $item)
@ -52,28 +52,27 @@
<div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" <div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab"
role="tablist" aria-orientation="vertical"> role="tablist" aria-orientation="vertical">
<a class="nav-link vert-nav-content active" <a class="nav-link active" id="vert-tabs-nasi-tab"
id="vert-tabs-nasi-tab" data-toggle="pill" data-toggle="pill" href="#vert-tabs-nasi" role="tab"
href="#vert-tabs-nasi" role="tab"
aria-controls="vert-tabs-nasi" aria-selected="true">Nasi</a> aria-controls="vert-tabs-nasi" aria-selected="true">Nasi</a>
<a class="nav-link vert-nav-content" id="vert-tabs-telur-tab" <a class="nav-link" id="vert-tabs-telur-tab" data-toggle="pill"
data-toggle="pill" href="#vert-tabs-telur" role="tab" href="#vert-tabs-telur" role="tab"
aria-controls="vert-tabs-telur" aria-controls="vert-tabs-telur"
aria-selected="false">Telur</a> aria-selected="false">Telur</a>
<a class="nav-link vert-nav-content" id="vert-tabs-sambel-tab" <a class="nav-link" id="vert-tabs-sambel-tab" data-toggle="pill"
data-toggle="pill" href="#vert-tabs-sambel" role="tab" href="#vert-tabs-sambel" role="tab"
aria-controls="vert-tabs-sambel" aria-controls="vert-tabs-sambel"
aria-selected="false">Sambel</a> aria-selected="false">Sambel</a>
<a class="nav-link vert-nav-content" id="vert-tabs-topping-tab" <a class="nav-link" id="vert-tabs-topping-tab"
data-toggle="pill" href="#vert-tabs-topping" role="tab" data-toggle="pill" href="#vert-tabs-topping" role="tab"
aria-controls="vert-tabs-topping" aria-controls="vert-tabs-topping"
aria-selected="false">Topping</a> aria-selected="false">Topping</a>
<a class="nav-link vert-nav-content" id="vert-tabs-free-tab" <a class="nav-link" id="vert-tabs-free-tab" data-toggle="pill"
data-toggle="pill" href="#vert-tabs-free" role="tab" href="#vert-tabs-free" role="tab"
aria-controls="vert-tabs-free" aria-controls="vert-tabs-free"
aria-selected="false">Free</a> aria-selected="false">Free</a>
<div class="card card-warning card-outline" <div class="card card-primary card-outline"
style="margin-top: auto;margin-right: 5px;height: auto;"> style="margin-top: auto;margin-right: 5px;height: auto;">
<div class="card-header"> <div class="card-header">
<h5 class="card-title m-0" id="nama-paket"> <h5 class="card-title m-0" id="nama-paket">
@ -87,7 +86,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<a class="btn btn-warning disabled" <a class="btn btn-primary disabled"
id="select-ordered-menus" onclick="cariPaket()">Pilih id="select-ordered-menus" onclick="cariPaket()">Pilih
Paket Menu Paket Menu
</a> </a>
@ -97,28 +96,34 @@
<div class="col-8 col-sm-9" style="padding: 0px;"> <div class="col-8 col-sm-9" style="padding: 0px;">
<div class="card-body" style="height:700px;overflow-y:scroll;"> <div class="card-body" style="height:700px;overflow-y:scroll;">
<div class="tab-content" id="vert-tabs-tabContent"> <div class="tab-content" id="vert-tabs-tabContent">
<div class="tab-pane vert-tab-content fade text-left show active" <div class="tab-pane text-left fade show active"
id="vert-tabs-nasi" role="tabpanel" id="vert-tabs-nasi" role="tabpanel"
aria-labelledby="vert-tabs-nasi-tab"> aria-labelledby="vert-tabs-nasi-tab">
<div class="row"> <div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot) @foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 1) @if ($kelompokKategoriPivot->produk->urutan == 1)
<div class="col-lg-4"> <div class="col-lg-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-telur')" <div
class="card card-warning card-outline btn"> class="card card-primary card-outline">
<div class="card-header"> <div class="card-header">
<h5 class="card-title m-0"> <h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }} {{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5> </h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;" <img style="width: 100%;height: 200px;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}"> alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div> </div>
<a class="btn btn-warning" <a class="btn btn-primary"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}"> id="ordered-menus"
Pilih Paket onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket
</a> </a>
</div> </div>
</div> </div>
@ -126,28 +131,33 @@
@endforeach @endforeach
</div> </div>
</div> </div>
<div class="tab-pane vert-tab-content" <div class="tab-pane fade" id="vert-tabs-telur"
id="vert-tabs-telur" role="tabpanel" role="tabpanel" aria-labelledby="vert-tabs-telur-tab">
aria-labelledby="vert-tabs-telur-tab">
<div class="row"> <div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot) @foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 2) @if ($kelompokKategoriPivot->produk->urutan == 2)
<div class="col-lg-4"> <div class="col-lg-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-sambel')" <div
class="card card-warning card-outline btn"> class="card card-primary card-outline">
<div class="card-header"> <div class="card-header">
<h5 class="card-title m-0"> <h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }} {{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5> </h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;" <img style="width: 100%;height: 200px;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}"> alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div> </div>
<a class="btn btn-warning" <a class="btn btn-primary"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}"> id="ordered-menus"
Pilih Paket onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket
</a> </a>
</div> </div>
</div> </div>
@ -155,27 +165,33 @@
@endforeach @endforeach
</div> </div>
</div> </div>
<div class="tab-pane vert-tab-content" <div class="tab-pane fade" id="vert-tabs-sambel"
id="vert-tabs-sambel" role="tabpanel" role="tabpanel"
aria-labelledby="vert-tabs-sambel-tab"> aria-labelledby="vert-tabs-sambel-tab">
<div class="row"> <div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot) @foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 3) @if ($kelompokKategoriPivot->produk->urutan == 3)
<div class="col-lg-4"> <div class="col-lg-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-topping')" <div
class="card card-warning card-outline btn"> class="card card-primary card-outline">
<div class="card-header"> <div class="card-header">
<h5 class="card-title m-0"> <h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }} {{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5> </h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;" <img style="width: 100%;height: 200px;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}"> alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div> </div>
<a class="btn btn-warning" <a class="btn btn-primary"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">Pilih id="ordered-menus"
onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket Paket
</a> </a>
</div> </div>
@ -184,27 +200,33 @@
@endforeach @endforeach
</div> </div>
</div> </div>
<div class="tab-pane vert-tab-content" <div class="tab-pane fade" id="vert-tabs-topping"
id="vert-tabs-topping" role="tabpanel" role="tabpanel"
aria-labelledby="vert-tabs-topping-tab"> aria-labelledby="vert-tabs-topping-tab">
<div class="row"> <div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot) @foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 4) @if ($kelompokKategoriPivot->produk->urutan == 4)
<div class="col-lg-4"> <div class="col-lg-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} );changeTab('vert-tabs-free')" <div
class="card card-warning card-outline btn"> class="card card-primary card-outline">
<div class="card-header"> <div class="card-header">
<h5 class="card-title m-0"> <h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }} {{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5> </h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;" <img style="width: 100%;height: 200px;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}"> alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div> </div>
<a class="btn btn-warning" <a class="btn btn-primary"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}">Pilih id="ordered-menus"
onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket Paket
</a> </a>
</div> </div>
@ -213,27 +235,33 @@
@endforeach @endforeach
</div> </div>
</div> </div>
<div class="tab-pane vert-tab-content" id="vert-tabs-free" <div class="tab-pane fade" id="vert-tabs-free"
role="tabpanel" aria-labelledby="vert-tabs-free-tab"> role="tabpanel" aria-labelledby="vert-tabs-free-tab">
<div class="row"> <div class="row">
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot) @foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
@if ($kelompokKategoriPivot->produk->urutan == 5) @if ($kelompokKategoriPivot->produk->urutan == 5)
<div class="col-lg-4"> <div class="col-lg-4">
<div onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )" <div
class="card card-warning card-outline btn"> class="card card-primary card-outline">
<div class="card-header"> <div class="card-header">
<h5 class="card-title m-0"> <h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }} {{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5> </h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<img style="width: 100%;height: 100%;object-fit: cover;" <img style="width: 100%;height: 200px;object-fit: cover;"
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" src="
@if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
@else
{{ asset('assets/images/menu_image.jpeg') }} @endif
"
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}"> alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
</div> </div>
<a class="btn btn-warning" <a class="btn btn-primary"
id="ordered-menus-{{ $kelompokKategoriPivot->produk->id }}"> id="ordered-menus"
Pilih Paket onclick="selectPaket( {{ $kelompokKategoriPivot->produk }} )">Pilih
Paket
</a> </a>
</div> </div>
</div> </div>
@ -248,70 +276,35 @@
</div> </div>
@else @else
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot) @foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
{{-- Jika paket irit --}} <div class="col-lg-4">
@if ($kelompokKategoriPivot->kelompok_kategori_id == 2) <div class="card card-primary card-outline btn"
<div class="col-lg-4"> onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">
<div class="card card-warning card-outline btn" <div class="card-header">
onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )"> <h5 class="card-title m-0">
<div class="card-header"> {{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
<h5 class="card-title m-0"> </h5>
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }} </div>
</h5> <div class="card-body">
</div> <div class="col">
<div class="card-body"> <img style="width: 100%;height: 200px;object-fit: cover;"
<div class="col-md-12"> src="
<img style="width: 100%;height: 100%;object-fit: cover;" @if ($kelompokKategoriPivot->produk->gambar_produk != null) {{ asset('storage/' . $kelompokKategoriPivot->produk->gambar_produk) }}
src="{{ $kelompokKategoriPivot->produk->gambar_produk }}" @else
alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}"> {{ asset('assets/images/menu_image.jpeg') }} @endif
<div class="col-md-12 mt-1" "
style="align-items: center;align-content: center;"> alt="{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}">
<h5> <div class="row"
{{ convert_to_rupiah($kelompokKategoriPivot->produk->harga_produk) }} style="margin: 5px;display: flex;align-items: center;align-content: center;">
</h5> <h5 class="col-6">
</div> {{ convert_to_rupiah($kelompokKategoriPivot->produk->harga_produk) }}
<div class="col-md-12"> </h5>
<a class="col-6 col-md-12 col-lg-6 btn btn-warning" <a class="col-6 btn btn-primary"
id="ordered-menus">Pesan</a> id="ordered-menus">Pesan</a>
</div>
</div>
<div class="col-md-12 mt-3">
<h6 style="color: red">Jumlah terjual :
{{ $totalPembelianByProduk[$kelompokKategoriPivot->produk->id]->total_beli ?? 0 }}
</h6>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@else </div>
<div class="col-lg-4">
<div class="card card-warning card-outline btn"
onclick="aadMenu( {{ $kelompokKategoriPivot->produk }} )">
<div class="card-header">
<h5 class="card-title m-0">
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
</h5>
</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;">
<h5>
{{ convert_to_rupiah($kelompokKategoriPivot->produk->harga_produk) }}
</h5>
</div>
<div class="col-md-12">
<a class="col-6 col-md-12 col-lg-6 btn btn-warning"
id="ordered-menus">Pesan</a>
</div>
</div>
</div>
</div>
</div>
@endif
@endforeach @endforeach
@endif @endif
</div> </div>
@ -324,7 +317,7 @@
</div> </div>
<!-- /.col-md-6 --> <!-- /.col-md-6 -->
<div class="col-lg-4"> <div class="col-lg-4">
<div class="card card-warning card-outline"> <div class="card card-primary card-outline">
<div class="card-header"> <div class="card-header">
<h5 class="col-lg-6 card-title m-0">Kode Pesanan <h5 class="col-lg-6 card-title m-0">Kode Pesanan
<small>{{ $orderCode }}</small> <small>{{ $orderCode }}</small>
@ -337,12 +330,9 @@
<table class="table table-bordered table-striped" id="order-menus" width="100%"> <table class="table table-bordered table-striped" id="order-menus" width="100%">
<thead style="background-color: lightgray"> <thead style="background-color: lightgray">
<tr> <tr>
<th class="text-center">Menu</th> <th width="60%" class="text-center">Menu</th>
<th class="text-center" width="110px">Qty</th> <th>Qty</th>
<th class="text-center" width="65px">(%)</th> <th width="10%">⚙️</th>
<th class="text-center" width="30px">
<i class="fas fa-cog"></i>
</th>
</tr> </tr>
</thead> </thead>
<tbody id="tbody-order-menus"> <tbody id="tbody-order-menus">
@ -350,7 +340,7 @@
<tfoot style="background-color: lightgray"> <tfoot style="background-color: lightgray">
<tr> <tr>
<th class="text-center">Total</th> <th class="text-center">Total</th>
<th colspan="3"> <th colspan="2">
<span class="row"> <span class="row">
<span class="col-6">Rp.</span> <span class="col-6">Rp.</span>
<span class="col-6" style="text-align: right" id="total">0</span> <span class="col-6" style="text-align: right" id="total">0</span>
@ -360,7 +350,7 @@
</tr> </tr>
<tr> <tr>
<th class="text-center">Diskon (%)</th> <th class="text-center">Diskon (%)</th>
<th colspan="3"> <th colspan="2">
<div class="input-group input-group-sm"> <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-0">
</div> </div>
@ -368,7 +358,7 @@
</tr> </tr>
<tr> <tr>
<th class="text-center">Grand Total</th> <th class="text-center">Grand Total</th>
<th colspan="3"> <th colspan="2">
<span class="row"> <span class="row">
<span class="col-6">Rp.</span> <span class="col-6">Rp.</span>
<span class="col-6" style="text-align: right" id="total-diskon">0</span> <span class="col-6" style="text-align: right" id="total-diskon">0</span>
@ -378,7 +368,7 @@
</tr> </tr>
<tr> <tr>
<th class="text-center">Bayar</th> <th class="text-center">Bayar</th>
<th colspan="3"> <th colspan="2">
<div class="input-group input-group-sm"> <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-0"
required id="nominal-bayar"> required id="nominal-bayar">
@ -387,7 +377,7 @@
</tr> </tr>
<tr> <tr>
<th class="text-center">Kembali</th> <th class="text-center">Kembali</th>
<th colspan="3"> <th colspan="2">
<span class="row"> <span class="row">
<span class="col-6">Rp.</span> <span class="col-6">Rp.</span>
<span class="col-6" style="text-align: right" id="kembali">0</span> <span class="col-6" style="text-align: right" id="kembali">0</span>
@ -396,13 +386,10 @@
</th> </th>
</tr> </tr>
<tr> <tr>
<th colspan="4"> <th colspan="3">
<span class="row"> <span class="row">
<input type="text" name="nama-pemesan" class="form-control rounded-0" <input type="text" name="nama-pemesan" class="form-control rounded-0"
placeholder="Nama Pemesan" id="nama-pemesan" required> 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" <input type="text" name="keterangan-pesanan"
placeholder="Keterangan Pesanan" class="form-control rounded-0" placeholder="Keterangan Pesanan" class="form-control rounded-0"
id="keterangan-pesanan"> id="keterangan-pesanan">
@ -410,8 +397,8 @@
</th> </th>
</tr> </tr>
<tr style="background-color: white"> <tr style="background-color: white">
<th colspan="4"> <th colspan="3">
<button class="btn btn-warning btn-block" id="pesan-bayar">Bayar</button> <button class="btn btn-primary btn-block" id="pesan-bayar">Bayar</button>
</th> </th>
</tr> </tr>
</tfoot> </tfoot>
@ -447,6 +434,7 @@
@push('styles') @push('styles')
<!-- Toastr --> <!-- Toastr -->
<style> <style>
</style> </style>
<link rel="stylesheet" href="{{ asset('assets/plugins/toastr/toastr.min.css') }}"> <link rel="stylesheet" href="{{ asset('assets/plugins/toastr/toastr.min.css') }}">
@endpush @endpush
@ -487,7 +475,6 @@
// make function add menu to table and calculate qty and total price menu ordered and check menu ordered is exist or not in tbody table order-menus insert this in // make function add menu to table and calculate qty and total price menu ordered and check menu ordered is exist or not in tbody table order-menus insert this in
function aadMenu(params) { function aadMenu(params) {
console.log(params);
var table = document.getElementById("order-menus"); var table = document.getElementById("order-menus");
var menu = params; var menu = params;
var menuId = menu.id; var menuId = menu.id;
@ -510,51 +497,28 @@
if (isExist) { if (isExist) {
var qty = table.rows[index].getAttribute('data-qty'); var qty = table.rows[index].getAttribute('data-qty');
var diskonSatuan = table.rows[index].getAttribute('data-diskon-satuan');
var total = table.rows[index].getAttribute('data-total'); var total = table.rows[index].getAttribute('data-total');
qty = parseInt(qty) + 1; qty = parseInt(qty) + 1;
var totalLama = parseInt(total) + parseInt(menuPrice); total = parseInt(total) + parseInt(menuPrice);
diskonSatuan = parseInt(diskonSatuan);
total = (parseInt(total) + parseInt(menuPrice)) - ((parseInt(total) + parseInt(menuPrice)) * (diskonSatuan /
100));
table.rows[index].setAttribute('data-qty', qty); table.rows[index].setAttribute('data-qty', qty);
table.rows[index].setAttribute('data-diskon-satuan', diskonSatuan); table.rows[index].setAttribute('data-total', total);
table.rows[index].setAttribute('data-total', totalLama);
var harga = menuPrice;
table.rows[index].cells[0].innerHTML = `
<td>
${params.nama_produk}
<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..">
</div>
</td>
`;
table.rows[index].cells[1].innerHTML = ` table.rows[index].cells[1].innerHTML = `
<td class="text-center"> <td class="text-center">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<span class="input-group-append"> <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> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id})"><b>-</b></button>
</span> </span>
<input type="text" name="bayar" class="form-control rounded-0" readonly value="${qty}"> <input type="number" name="bayar" class="form-control rounded-0" value="${qty}">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id})">+</button>
</span> </span>
</div> </div>
</td> </td>
`; `;
table.rows[index].cells[2].innerHTML = ` 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)">
</div>
</td>
`;
table.rows[index].cells[3].innerHTML = `
<td class="text-center"> <td class="text-center">
<button class="btn btn-danger btn-sm" onclick="deleteMenu(${params.id})"> <button class="btn btn-danger btn-sm" onclick="deleteMenu(${params.id})">
<i class="fas fa-trash"></i> <i class="fas fa-trash"></i>
@ -565,31 +529,23 @@
$('#modal-default').modal('hide'); $('#modal-default').modal('hide');
} else { } else {
$('#tbody-order-menus').append(` $('#tbody-order-menus').append(`
<tr id="row-${params.id}" data-id="${params.id}" data-nama="${params.nama_produk}" data-harga="${params.harga_produk}" data-qty="1" data-diskon-satuan="0" data-total="${params.harga_produk}"> <tr id="row-${params.id}" data-id="${params.id}" data-nama="${params.nama_produk}" data-harga="${params.harga_produk}" data-qty="1" data-total="${params.harga_produk}">
<td> <td>
${params.nama_produk} ${params.nama_produk}
<br> <br>
<small class="text-primary">Rp. ${params.harga_produk}</small> <small class="text-danger">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..">
</div>
</td> </td>
<td class="text-center"> <td class="text-center">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<span class="input-group-append"> <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> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id})"><b>-</b></button>
</span> </span>
<input type="text" name="bayar" class="form-control rounded-0" readonly value="${menuQty}"> <input type="number" name="bayar" class="form-control rounded-0" value="${menuQty}">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id})">+</button>
</span> </span>
</div> </div>
</td> </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)">
</div>
</td>
<td class="text-center"> <td class="text-center">
<button class="btn btn-danger btn-sm" onclick="deleteMenu(${params.id})"> <button class="btn btn-danger btn-sm" onclick="deleteMenu(${params.id})">
<i class="fas fa-trash"></i> <i class="fas fa-trash"></i>
@ -629,8 +585,7 @@
for (var i = 1, row; row = table.rows[i]; i++) { for (var i = 1, row; row = table.rows[i]; i++) {
var harga = row.getAttribute('data-harga'); var harga = row.getAttribute('data-harga');
var qty = row.getAttribute('data-qty'); var qty = row.getAttribute('data-qty');
var diskonSatuan = row.getAttribute('data-diskon-satuan'); var total = total + (harga * qty);
var total = total + ((harga * qty) - ((harga * qty) * (diskonSatuan / 100)));
} }
var ribuantotal = toRupiah(total); var ribuantotal = toRupiah(total);
@ -647,7 +602,7 @@
} }
// increment qty menu ordered // increment qty menu ordered
function incrementMenu(params, nama_produk) { function incrementMenu(params) {
var table = document.getElementById("order-menus"); var table = document.getElementById("order-menus");
var index = 0; var index = 0;
@ -660,39 +615,24 @@
} }
var qty = table.rows[index].getAttribute('data-qty'); var qty = table.rows[index].getAttribute('data-qty');
var diskonSatuan = table.rows[index].getAttribute('data-diskon-satuan');
var total = table.rows[index].getAttribute('data-total'); var total = table.rows[index].getAttribute('data-total');
var harga = table.rows[index].getAttribute('data-harga'); var harga = table.rows[index].getAttribute('data-harga');
qty = parseInt(qty) + 1; qty = parseInt(qty) + 1;
var totalLama = parseInt(total) + parseInt(harga); total = parseInt(total) + parseInt(harga);
diskonSatuan = parseInt(diskonSatuan);
total = (parseInt(total) + parseInt(harga)) - ((parseInt(total) + parseInt(harga)) * (diskonSatuan / 100));
table.rows[index].setAttribute('data-qty', qty); table.rows[index].setAttribute('data-qty', qty);
table.rows[index].setAttribute('data-diskon-satuan', diskonSatuan); table.rows[index].setAttribute('data-total', total);
table.rows[index].setAttribute('data-total', totalLama);
table.rows[index].cells[0].innerHTML = `
<td>
${nama_produk}
<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..">
</div>
</td>
`;
table.rows[index].cells[1].innerHTML = ` table.rows[index].cells[1].innerHTML = `
<td class="text-center"> <td class="text-center">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params}, '${nama_produk}')"><b>-</b></button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params})"><b>-</b></button>
</span> </span>
<input type="text" name="bayar" class="form-control rounded-0" readonly value="${qty}"> <input type="number" name="bayar" class="form-control rounded-0" value="${qty}">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params}, '${nama_produk}')">+</button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params})">+</button>
</span> </span>
</div> </div>
</td> </td>
@ -702,7 +642,7 @@
} }
// decrement qty menu ordered // decrement qty menu ordered
function decrementMenu(params, nama_produk) { function decrementMenu(params) {
var table = document.getElementById("order-menus"); var table = document.getElementById("order-menus");
var index = 0; var index = 0;
@ -715,40 +655,25 @@
} }
var qty = table.rows[index].getAttribute('data-qty'); var qty = table.rows[index].getAttribute('data-qty');
var diskonSatuan = table.rows[index].getAttribute('data-diskon-satuan');
var total = table.rows[index].getAttribute('data-total'); var total = table.rows[index].getAttribute('data-total');
var harga = table.rows[index].getAttribute('data-harga'); var harga = table.rows[index].getAttribute('data-harga');
if (qty > 1) { if (qty > 1) {
qty = parseInt(qty) - 1; qty = parseInt(qty) - 1;
var totalLama = parseInt(total) - parseInt(harga); total = parseInt(total) - parseInt(harga);
diskonSatuan = parseInt(diskonSatuan);
total = (parseInt(total) - parseInt(harga)) - ((parseInt(total) - parseInt(harga)) * (diskonSatuan / 100));
table.rows[index].setAttribute('data-qty', qty); table.rows[index].setAttribute('data-qty', qty);
table.rows[index].setAttribute('data-diskon-satuan', diskonSatuan); table.rows[index].setAttribute('data-total', total);
table.rows[index].setAttribute('data-total', totalLama);
table.rows[index].cells[0].innerHTML = `
<td>
${nama_produk}
<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..">
</div>
</td>
`;
table.rows[index].cells[1].innerHTML = ` table.rows[index].cells[1].innerHTML = `
<td class="text-center"> <td class="text-center">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params}, '${nama_produk}')"><b>-</b></button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params})"><b>-</b></button>
</span> </span>
<input type="text" name="bayar" class="form-control rounded-0" readonly value="${qty}"> <input type="number" name="bayar" class="form-control rounded-0" value="${qty}">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params}, '${nama_produk}')">+</button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params})">+</button>
</span> </span>
</div> </div>
</td> </td>
@ -758,51 +683,6 @@
} }
} }
// diskon satuan menu ordered
function diskonSatuanMenu(params, nama_produk, diskon = 0) {
var table = document.getElementById("order-menus");
var index = 0;
for (var i = 1, row; row = table.rows[i]; i++) {
var id = row.getAttribute('data-id');
if (id == params) {
index = i;
}
}
var qty = table.rows[index].getAttribute('data-qty');
var diskonSatuan = parseInt(diskon);
var total = table.rows[index].getAttribute('data-total');
var harga = table.rows[index].getAttribute('data-harga');
// if (diskonSatuan >= 1) {
console.log(diskonSatuan);
var totalLama = total;
qty = parseInt(qty);
diskonSatuan = parseInt(diskonSatuan);
total = (parseInt(total)) - ((parseInt(total)) * (diskonSatuan / 100));
table.rows[index].setAttribute('data-qty', qty);
table.rows[index].setAttribute('data-diskon-satuan', diskonSatuan);
table.rows[index].setAttribute('data-total', totalLama);
table.rows[index].cells[0].innerHTML = `
<td>
${nama_produk}
<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..">
</div>
</td>
`;
calculateTotal();
// }
}
// diskon use keyup // diskon use keyup
document.getElementsByName('diskon')[0].addEventListener('keyup', function() { document.getElementsByName('diskon')[0].addEventListener('keyup', function() {
var diskon = document.getElementsByName('diskon')[0].value; var diskon = document.getElementsByName('diskon')[0].value;
@ -879,27 +759,16 @@
var id = row.getAttribute('data-id'); var id = row.getAttribute('data-id');
var nama = row.getAttribute('data-nama'); var nama = row.getAttribute('data-nama');
var qty = row.getAttribute('data-qty'); var qty = row.getAttribute('data-qty');
var diskonSatuan = row.getAttribute('data-diskon-satuan');
var harga = row.getAttribute('data-harga'); var harga = row.getAttribute('data-harga');
var total = row.getAttribute('data-total'); var total = row.getAttribute('data-total');
if (diskonSatuan != 0 && diskonSatuan != null && diskonSatuan != undefined) {
total = total - (total * (diskonSatuan / 100));
} else {
total = total
}
console.log('id : ' + id + ' | nama : ' + nama + ' | qty : ' + qty + ' | diskonSatuan : ' +
diskonSatuan +
' | harga : ' + harga + ' | total : ' + total);
if (id != null || qty != null || total != null) { if (id != null || qty != null || total != null) {
orderMenus.push({ orderMenus.push({
id: id, id: id,
nama: nama, nama: nama,
qty: qty, qty: qty,
diskonSatuan: diskonSatuan,
harga: harga, harga: harga,
total: total, total: total
keterangan: document.getElementsByName('keterangan_satuan')[i - 1].value
}); });
} }
} }
@ -910,7 +779,6 @@
var nominalBayar = bayar.replace(/[^,\d]/g, '').toString(); var nominalBayar = bayar.replace(/[^,\d]/g, '').toString();
var kembaliHidden = document.getElementById('kembali-hidden').innerHTML; var kembaliHidden = document.getElementById('kembali-hidden').innerHTML;
var namaPemesan = document.getElementsByName('nama-pemesan')[0].value; var namaPemesan = document.getElementsByName('nama-pemesan')[0].value;
var nomorMeja = document.getElementsByName('nomor-meja')[0].value;
if (orderMenus.length == 0) { if (orderMenus.length == 0) {
alert('Menu tidak boleh kosong'); alert('Menu tidak boleh kosong');
@ -922,21 +790,18 @@
} else if (kembaliHidden < 0) { } else if (kembaliHidden < 0) {
alert('Pembayaran kurang'); alert('Pembayaran kurang');
return false; return false;
} else if (nomorMeja == '') {
alert('Nomor meja tidak boleh kosong');
return false;
} else if (namaPemesan == '') { } else if (namaPemesan == '') {
alert('Nama pemesan tidak boleh kosong'); alert('Nama pemesan tidak boleh kosong');
return false; return false;
} }
var data = { var data = {
_token: "{{ csrf_token() }}", _token: "{{ csrf_token() }}",
orderCode: "{{ $orderCode }}", orderCode: "{{ $orderCode }}",
orderMenus: orderMenus, orderMenus: orderMenus,
namaPemesan: namaPemesan, namaPemesan: namaPemesan,
nomorMeja: nomorMeja,
keteranganPesanan: document.getElementsByName('keterangan-pesanan')[0].value, keteranganPesanan: document.getElementsByName('keterangan-pesanan')[0].value,
diskon: diskon, diskon: diskon,
totalDiskon: totalDiskon, totalDiskon: totalDiskon,
@ -985,15 +850,12 @@
// lakukan periksa kembali apabila menu dengan urutan yang sama sudah ada maka hapus menu tersebut dari array selectedMenus kecuali menu dengan urutan 5 boleh lebih dari 1 // lakukan periksa kembali apabila menu dengan urutan yang sama sudah ada maka hapus menu tersebut dari array selectedMenus kecuali menu dengan urutan 5 boleh lebih dari 1
if (params.urutan == 5) { if (params.urutan == 5) {
if (selectedMenus[i].id == params.id) { if (selectedMenus[i].id == params.id) {
changeOrderedMenus(selectedMenus[i].id, 'pilih');
isExist = true; isExist = true;
index = i; index = i;
} }
} else if (selectedMenus[i].urutan == params.urutan) { } else if (selectedMenus[i].urutan == params.urutan) {
changeOrderedMenus(selectedMenus[i].id, 'batal');
selectedMenus.splice(i, 1); selectedMenus.splice(i, 1);
} else if (selectedMenus[i].id == params.id) { } else if (selectedMenus[i].id == params.id) {
changeOrderedMenus(selectedMenus[i].id, 'pilih');
isExist = true; isExist = true;
index = i; index = i;
} }
@ -1012,7 +874,6 @@
menu_terpilih.innerHTML = ''; menu_terpilih.innerHTML = '';
for (var i = 0; i < selectedMenus.length; i++) { for (var i = 0; i < selectedMenus.length; i++) {
changeOrderedMenus(selectedMenus[i].id, 'pilih');
menu_terpilih.innerHTML += ` menu_terpilih.innerHTML += `
<li> <li>
${selectedMenus[i].nama_produk} ${selectedMenus[i].nama_produk}
@ -1029,24 +890,6 @@
} }
} }
// ordered menus change button text and onclick
function changeOrderedMenus(id, status) {
if (status == 'batal') {
var orderedMenus = document.getElementById('ordered-menus-' + id);
orderedMenus.innerHTML = 'Pilih Paket';
orderedMenus.classList.remove('btn-secondary');
orderedMenus.classList.add('btn-warning');
return false;
} else if (status == 'pilih') {
var orderedMenus = document.getElementById('ordered-menus-' + id);
orderedMenus.innerHTML = 'Batal Pilih';
orderedMenus.classList.remove('btn-warning');
orderedMenus.classList.add('btn-secondary');
return false;
}
}
// cari paket // cari paket
function cariPaket(params) { function cariPaket(params) {
var show_modal_paket = document.getElementById('show-modal-paket'); var show_modal_paket = document.getElementById('show-modal-paket');
@ -1079,6 +922,7 @@
// Replace karakter kutipan ganda dengan HTML entities // Replace karakter kutipan ganda dengan HTML entities
var htmlEntitiesData = dataParse.replace(/\"/g, '&quot;'); var htmlEntitiesData = dataParse.replace(/\"/g, '&quot;');
// Tampilkan hasil // Tampilkan hasil
console.log(htmlEntitiesData);
var show_modal_paket = document.getElementById('show-modal-paket'); var show_modal_paket = document.getElementById('show-modal-paket');
if (result.gambar_produk != null) { if (result.gambar_produk != null) {
var gambar_produk = result.full_path; var gambar_produk = result.full_path;
@ -1086,26 +930,24 @@
var gambar_produk = "{{ asset('assets/images/menu_image.jpeg') }}"; var gambar_produk = "{{ asset('assets/images/menu_image.jpeg') }}";
} }
show_modal_paket.innerHTML += ` show_modal_paket.innerHTML += `
<div class="card card-warning card-outline btn" <div class="card card-primary card-outline btn"
onclick="aadMenu(${htmlEntitiesData});clearSelected()"> onclick="aadMenu(${htmlEntitiesData})">
<div class="card-header"> <div class="card-header">
<h5 class="card-title m-0" id="nama-produk-modal"> <h5 class="card-title m-0" id="nama-produk-modal">
${result.nama_produk ?? ''} ${result.nama_produk ?? ''}
</h5> </h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="col-md-12"> <div class="col">
<img style="width: 80%;height: 80%;object-fit: cover;" <img style="width: 100%;height: 200px;object-fit: cover;"
src="${gambar_produk}" src="${gambar_produk}"
alt="${result.nama_produk ?? ''}"> alt="${result.nama_produk ?? ''}">
<div class="col-md-12 mt-1" <div class="row"
style="align-items: center;align-content: center;"> style="margin: 5px;display: flex;align-items: center;align-content: center;">
<h5> <h5 class="col-6">
Rp ${result.harga_produk ?? ''} ${result.harga_produk ?? ''}
</h5> </h5>
</div> <a class="col-6 btn btn-primary" id="ordered-menus">Pesan</a>
<div class="col-md-12">
<a class="col-6 btn btn-warning" id="ordered-menus">Pesan</a>
</div> </div>
</div> </div>
</div> </div>
@ -1123,35 +965,5 @@
} }
}) })
} }
// clear selected menus
function clearSelected() {
console.log(selectedMenus);
for (var i = 0; i < selectedMenus.length; i++) {
changeOrderedMenus(selectedMenus[i].id, 'batal');
menu_terpilih.innerHTML = ` `;
}
selectedMenus = [];
}
function changeTab(tabId) {
// Hide all tabs
var tabContents = document.getElementsByClassName('vert-tab-content');
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove('text-left', 'show', 'active');
}
var navLinks = document.getElementsByClassName('vert-nav-content');
for (var i = 0; i < navLinks.length; i++) {
navLinks[i].classList.remove('active');
// aria-selected
navLinks[i].setAttribute('aria-selected', false);
}
document.getElementById(tabId).classList.add('text-left', 'show', 'active');
document.getElementById(tabId + '-tab').classList.add('active');
// aria-selected
document.getElementById(tabId + '-tab').setAttribute('aria-selected', true);
}
</script> </script>
@endpush @endpush

148
resources/views/pages/menu/index.blade.php
View File

@ -1,148 +0,0 @@
@extends('layouts.base')
@section('content-header')
<div class="col-12">
<div class="container" style="display: contents">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0"> Kasir <small>kasir 3.0</small></h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Kasir</a></li>
<li class="breadcrumb-item active">History</li>
</ol>
</div>
</div>
</div>
</div>
@endsection
@section('content')
<div class="col-12 mt-2">
<div class="container" style="display: contents">
<div class="card">
<div class="card bg-warning" style="min-height:5px; border-radius:1px;"></div>
<div class="card-header mt-0 pt-0">
<div class="d-flex">
<h3>Daftar Menu</h3>
<!-- Button trigger modal -->
<div class="ml-auto">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-default">
Tambah Menu
</button>
</div>
</div>
</div>
<div class="card-body">
{{-- <h5 class="card-title">Form List Data</h5> --}}
<div class="table-responsive mt-3">
<table id="tabelku" class="table table-hover display" style="width: 100%">
<thead>
<tr>
<th class="text-center">No</th>
<th>Kode Produk</th>
<th>Nama Produk</th>
<th>Harga Produk</th>
<th>Kategori Produk</th>
<th class="text-center"><i class="fas fa-cog"></i></th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Tambah Menu -->
<div class="modal fade" id="modal-default">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Default Modal</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="recipient-name" class="col-form-label">Recipient:</label>
<input type="text" class="form-control" id="recipient-name">
</div>
<div class="form-group">
<label for="message-text" class="col-form-label">Message:</label>
<textarea class="form-control" id="message-text"></textarea>
</div>
</form>
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
@endsection
@push('styles')
<!-- Toastr -->
<style>
@media only screen and (max-width : 991px) {
/* Styles */
}
@media only screen and (max-width : 768px) {
/* Styles */
}
@media only screen and (max-width : 414px) {
/* Styles */
}
</style>
<link rel="stylesheet" href="{{ asset('assets/plugins/toastr/toastr.min.css') }}">
<link rel="stylesheet" href="{{asset('assets/datatables/datatables.min.css')}}">
@endpush
@push('scripts')
<script src="{{ asset('assets/datatables/datatables.min.js') }}"></script>
<script>
$(document).ready(function() {
$('#tabelku').DataTable({
processing: true,
serverSide: true,
ajax: "{{ route('menu.getDataMenu') }}",
columns: [{
data: 'nomor',
name: 'nomor',
orderable: false,
className: 'text-center'
},
{
data: 'kode_produk',
name: 'kode_produk'
},
{
data: 'nama_produk',
name: 'nama_produk'
},
{
data: 'harga_produk',
name: 'harga_produk'
},
{
data: 'kategori_produk',
name: 'kategori_produk'
},
{
data: 'ubah',
name: 'ubah',
className: 'text-center'
},
]
})
})
</script>
@endpush

6
routes/web.php
View File

@ -1,7 +1,6 @@
<?php <?php
use App\Http\Controllers\Kasir\History; use App\Http\Controllers\Kasir\History;
use App\Http\Controllers\Kasir\Menu;
use App\Http\Controllers\Kasir\Transaksi; use App\Http\Controllers\Kasir\Transaksi;
use Illuminate\Support\Facades\Route; use Illuminate\Support\Facades\Route;
@ -31,8 +30,3 @@ Route::group(['prefix' => 'history'], function () {
Route::get('/getDataHistory', [History::class, 'getDataHistory'])->name('history.getDataHistory'); Route::get('/getDataHistory', [History::class, 'getDataHistory'])->name('history.getDataHistory');
Route::get('/print/{id}', [History::class, 'print'])->name('history.print'); Route::get('/print/{id}', [History::class, 'print'])->name('history.print');
}); });
Route::group(['prefix' => 'menu'], function () {
Route::get('/', [Menu::class, 'index'])->name('menu.index');
Route::get('/getDataMenu', [Menu::class, 'getDataMenu'])->name('menu.getDataMenu');
});