ok
Mini Shell
<section class="content-header">
<h1>Product Sales Reports</h1>
<ol class="breadcrumb">
<li><a href="home.php"><i class="fa fa-home"></i> Home</a></li>
</ol>
<hr />
</section>
<style>
.btn {
padding: 9px 12px;
line-height: 0.42857143;
}
</style>
<!-- search form -->
<section class="content">
<!-- Main row -->
<?php if ($permissions['reports']['read'] == 1) { ?>
<div class="row">
<div class="col-md-12">
<div class="box box-info">
<div class="box-header with-border">
<form method="POST" id="filter_form" name="filter_form">
<div class="form-group">
<label for="from" class="control-label col-md-2 col-sm-3 col-xs-12">From & To Date</label>
<div class="col-md-5">
<input type="text" class="form-control" id="date" name="date" autocomplete="off" />
</div>
<input type="hidden" id="start_date" name="start_date">
<input type="hidden" id="end_date" name="end_date">
</div>
<div class="form-group">
<select id="filter_order" name="filter_order" placeholder="Select Status" required class="form-control" style="width: 300px;">
<option value="">All Orders</option>
<option value='received'>Received</option>
<option value='processed'>Processed</option>
<option value='shipped'>Shipped</option>
<option value='delivered'>Delivered</option>
</select>
</div>
<input type="hidden" id="filter_order_status" name="filter_order_status">
</form>
</div>
<div class="box-body">
<div class="table-responsive">
<table class="table no-margin" data-toggle="table" id="reports_list" data-url="api-firebase/get-bootstrap-table-data.php?table=product_sales_report" data-page-list="[5, 10, 20, 50, 100, 200]" data-show-refresh="true" data-show-columns="true" data-side-pagination="server" data-pagination="true" data-search="true" data-trim-on-search="false" data-sort-name="id" data-sort-order="desc" data-query-params="queryParams" data-show-export="true" data-export-types='["txt","excel"]' data-export-options='{"fileName": "product-sales-report-list-<?= date('d-m-Y') ?>"}'>
<thead>
<!--data-visible='false' -->
<tr>
<th data-field="product_name" data-sortable='true'>Product Name</th>
<th data-field="product_varient_id" data-sortable='true'>Product Variant ID</th>
<th data-field="unit_name">Unit Of Measure</th>
<th data-field="total_sales" data-sortable='true'>Total Units Sold</th>
<th data-field="total_price" data-sortable='true'>Total Sales</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
<?php } else { ?>
<div class="alert alert-danger">You have no permission to view sales reports.</div>
<?php } ?>
</section>
<!-- /.content -->
<script>
$('#filter_order').on('change', function() {
status = $('#filter_order').val();
$('#filter_order_status').val(status);
});
</script>
<script>
$(document).ready(function() {
$('#date').daterangepicker({
"autoApply": true,
"showDropdowns": true,
"alwaysShowCalendars": true,
"startDate": moment(),
"endDate": moment(),
"locale": {
"format": "DD/MM/YYYY",
"separator": " - "
},
});
$('#date').on('apply.daterangepicker', function(ev, picker) {
var drp = $('#date').data('daterangepicker');
$('#start_date').val(drp.startDate.format('YYYY-MM-DD'));
$('#end_date').val(drp.endDate.format('YYYY-MM-DD'));
});
$('#date').on('apply.daterangepicker', function(ev, picker) {
var drp = $('#date').data('daterangepicker');
$('#start_date').val(drp.startDate.format('YYYY-MM-DD'));
$('#end_date').val(drp.endDate.format('YYYY-MM-DD'));
$('#reports_list').bootstrapTable('refresh');
});
$('#filter_order').on('change', function() {
$('#reports_list').bootstrapTable('refresh');
});
});
function queryParams(p) {
return {
"start_date": $('#start_date').val(),
"end_date": $('#end_date').val(),
"filter_order": $('#filter_order_status').val(),
limit: p.limit,
sort: p.sort,
order: p.order,
offset: p.offset,
search: p.search
};
}
</script>
<?php
$db->disconnect();
?>
Zerion Mini Shell 1.0