87 lines
2.9 KiB
PHP
87 lines
2.9 KiB
PHP
@extends('layouts.main')
|
|
|
|
@section('content')
|
|
<!-- CONTENT HEADER -->
|
|
<section class="content-header">
|
|
<div class="container-fluid">
|
|
<div class="row mb-2">
|
|
<div class="col-sm-6">
|
|
<h1>Payments</h1>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<ol class="breadcrumb float-sm-right">
|
|
<li class="breadcrumb-item"><a href="{{route('home')}}">Dashboard</a></li>
|
|
<li class="breadcrumb-item"><a class="text-muted" href="{{route('admin.payments.index')}}">Payments</a>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- END CONTENT HEADER -->
|
|
|
|
<!-- MAIN CONTENT -->
|
|
<section class="content">
|
|
<div class="container-fluid">
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="card-title"><i class="fas fa-money-bill-wave mr-2"></i>Payments</h5>
|
|
</div>
|
|
|
|
<div class="card-body table-responsive">
|
|
<table id="datatable" class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Type</th>
|
|
<th>Amount</th>
|
|
<th>Product Price</th>
|
|
<th>Tax Value</th>
|
|
<th>Tax Percentage</th>
|
|
<th>Total Price</th>
|
|
<th>Payment_ID</th>
|
|
<th>Payment Method</th>
|
|
<th>Created at</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- END CUSTOM CONTENT -->
|
|
</div>
|
|
</section>
|
|
<!-- END CONTENT -->
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
$('#datatable').DataTable({
|
|
processing: true,
|
|
serverSide: true,
|
|
stateSave: true,
|
|
ajax: "{{route('admin.payments.datatable')}}",
|
|
columns: [
|
|
{data: 'id' , name : 'payments.id'},
|
|
{data: 'type'},
|
|
{data: 'amount'},
|
|
{data: 'price'},
|
|
{data: 'tax_value'},
|
|
{data: 'tax_percent'},
|
|
{data: 'total_price'},
|
|
{data: 'payment_id'},
|
|
{data: 'payment_method'},
|
|
{data: 'created_at'},
|
|
],
|
|
fnDrawCallback: function( oSettings ) {
|
|
$('[data-toggle="popover"]').popover();
|
|
},
|
|
});
|
|
});
|
|
</script>
|
|
|
|
@endsection
|