87 lines
4.0 KiB
PHP
87 lines
4.0 KiB
PHP
@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>History</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-body">
|
|
<div class="col-md-12">
|
|
<label>Filter Pencarian:</label>
|
|
<div class="row">
|
|
<div class="col-md-2">
|
|
<input type="date" class="form-control form-control-sm" id="filter_tanggal_1"
|
|
value="{{ date('Y-m-d') }}">
|
|
</div>
|
|
<p>s/d</p>
|
|
<div class="col-md-2">
|
|
<input type="date" class="form-control form-control-sm" id="filter_tanggal_2"
|
|
value="{{ date('Y-m-d') }}">
|
|
</div>
|
|
<div class="col-md-2">
|
|
<a href="javascript:void(0)" class="btn btn-sm btn-primary" id="btn_filter"><i
|
|
class="fas fa-search mr-1"></i>Filter data</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<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 Pesanan</th>
|
|
<th>Pemesan</th>
|
|
<th>Nomor Meja</th>
|
|
<th>Urutan Pesanan</th>
|
|
<th>Tanggal & Jam</th>
|
|
<th>Total Pesanan</th>
|
|
<th>Sub Total</th>
|
|
<th>Diskon(%)</th>
|
|
<th>Grand Total</th>
|
|
<th class="text-center"><i class="fas fa-cog"></i></th>
|
|
</tr>
|
|
</thead>
|
|
<tfoot>
|
|
<tr>
|
|
<th class="text-right" colspan="5">Total</th>
|
|
<th></th>
|
|
<th></th>
|
|
<th class="text-right"></th>
|
|
<th></th>
|
|
<th class="text-right"></th>
|
|
<th class="text-center"><i class="fas fa-cog"></i></th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@include('pages.History.modal')
|
|
@endsection
|
|
|
|
@include('pages.History.style')
|
|
@include('pages.History.js')
|