120 lines
7.4 KiB
PHP
120 lines
7.4 KiB
PHP
@extends('layouts.base')
|
|
|
|
@section('content')
|
|
<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">
|
|
<div class="card-header p-0 border-bottom-0">
|
|
<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>
|
|
</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="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="row" style="justify-content: center">
|
|
@if ($item->kode_kelompok_kategori == 'MART')
|
|
@include('pages.Kasir.martabak_side')
|
|
@elseif ($item->kode_kelompok_kategori == 'TERBG')
|
|
@include('pages.Kasir.terbulG_side')
|
|
@elseif ($item->kode_kelompok_kategori == 'TERBP')
|
|
@include('pages.Kasir.terbulP_side')
|
|
@else
|
|
@if (count($item->kelompokKategoriPivot) > 0)
|
|
@foreach ($item->kelompokKategoriPivot as $key2 => $kelompokKategoriPivot)
|
|
<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-header">
|
|
<h6 class="m-0 text-xs">
|
|
{{ $kelompokKategoriPivot->produk->nama_produk ?? '' }}
|
|
</h6>
|
|
</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-sm-6 col-md-8 col-lg-12 btn btn-warning"
|
|
id="ordered-menus">Pesan</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
@else
|
|
<div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
|
|
<div class="card card-warning card-outline btn">
|
|
<div class="card-body">
|
|
<h6 class="m-0 text-xs">
|
|
Tidak Ada Menu
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<!-- /.card -->
|
|
</div>
|
|
</div>
|
|
<!-- /.col-md-6 -->
|
|
@include('pages.Kasir.calculation_side')
|
|
<!-- /.col-md-6 -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div><!-- /.container-fluid -->
|
|
|
|
|
|
<div class="modal fade" id="modal-default">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Pilih Martabak</h4>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" id="show-modal-paket">
|
|
</div>
|
|
</div>
|
|
<!-- /.modal-content -->
|
|
</div>
|
|
<!-- /.modal-dialog -->
|
|
</div>
|
|
|
|
|
|
@include('pages.Kasir.modal_print_dapur')
|
|
@include('pages.Kasir.modal_bayar')
|
|
@include('pages.Kasir.modal_extra')
|
|
@endsection
|
|
|
|
@include('pages.Kasir.js')
|
|
@include('pages.Kasir.js_baru')
|
|
@include('pages.Kasir.style')
|