91 lines
3.0 KiB
PHP
91 lines
3.0 KiB
PHP
@include('components.theme.pages.header')
|
|
|
|
<section>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="d-flex mb-4">
|
|
<h1 class="h3 text-gray-800">{{ $data['subtitle'] }}</h1>
|
|
@if(!empty($data['button']))
|
|
<div class="ml-auto">
|
|
<a href="{{ $data['module']['url'] }}" class="btn btn-primary">
|
|
{{ explode(' ', $data['module']['name'])[0] }} <span
|
|
class="d-none d-sm-inline ps-2">{{ ucfirst(explode(' ', $data['module']['name'])[1]) }}</span>
|
|
</a>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
@if(session()->has('success'))
|
|
<div class="alert alert-success">
|
|
{{ session()->get('success') }}
|
|
</div>
|
|
@else
|
|
@if(session()->has('error'))
|
|
<div class="alert alert-danger">
|
|
{{ session()->get('error') }}
|
|
</div>
|
|
@endif
|
|
@endif
|
|
<div class="table-responsive">
|
|
<table id="data-table" class="table" width="100%">
|
|
<thead>
|
|
<tr class="text-start">
|
|
<th>ID</th>
|
|
<th>Nama Produk</th>
|
|
<th>Jumlah</th>
|
|
<th>Total Harga</th>
|
|
<th>Metode Pembayaran</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
@push('scripts')
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
var table = $('#data-table').DataTable({
|
|
processing: true,
|
|
serverSide: true,
|
|
ajax: "{{ route('transaksi') }}",
|
|
columns: [
|
|
{ data: 'id', name: 'id' },
|
|
{ data: 'name', name: 'name' },
|
|
{ data: 'qty', name: 'qty' },
|
|
{ data: 'total', name: 'total' },
|
|
{ data: 'payment_method', name: 'payment_method' },
|
|
{ data: 'status', name: 'status' },
|
|
],
|
|
columnDefs: [{
|
|
targets: -1,
|
|
data: null,
|
|
orderable: false,
|
|
render: function(data, type, row) {
|
|
return row.action;
|
|
},
|
|
}],
|
|
createdRow: function(row, data, dataIndex) {
|
|
$('td', row).eq(0).html(dataIndex + 1);
|
|
}
|
|
});
|
|
|
|
$('#search').on('keyup change', function() {
|
|
table.search(this.value).draw();
|
|
});
|
|
|
|
});
|
|
</script>
|
|
@endpush
|
|
|
|
|
|
|
|
@include('components.theme.pages.footer') |