@extends('admin.layouts.app')
@section('title', 'Purchase History Report')
@section('content-heading')
<section class="content-header">
	<h1>Purchase History Report</h1>
    <ol class="breadcrumb">
		<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
		<li><a href="#">Purchase History</a></li>
		<li class="active">Purchase History Report</li>
    </ol>
</section>
@endsection
@section('content')
<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box">
				<div class="box-header"></div>
				<div class="box-body">
					<table id="tblList" class="table table-bordered table-hover">
						<thead>
							<tr>
								<th>#No</th>
								<th>Username</th>
								<th>Mobile</th>
								<th>Review Key</th>
								<th>Invoice No</th>
								<th>Amount</th>
								<th>Point</th>
								<th>Outlet</th>
								<th>Status</th>
								<th>Date</th>
								<th>Action</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection
@section('extra-script')
<style>
.button-export {
	padding: 10px 15px;
	background: #4479BA;
	color: #FFF;
}
.dt-buttons {
  padding-left: 10px;
}
</style>
<link rel="stylesheet" href="{{asset('css/sweetalert.css')}}">
<script src="{{asset('js/sweetalert.min.js')}}"></script>
<script src="//cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<link href="//cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet">
<script src="//cdn.datatables.net/1.10.15/js/dataTables.material.min.js"></script>
<link href="//cdn.datatables.net/responsive/2.1.1/css/responsive.bootstrap.min.css" rel="stylesheet">
<script src="//cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
<script src="//cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>

<script>
	jQuery(function () {
		 var table=	jQuery('#tblList').DataTable({
			responsive:true,
			processing: true,
			serverSide: true,
			ajax: '{{ route("admin.purchase-history.list.data") }}',
			lengthMenu:  [ 10, 25, 50, 75, 100 ],
			columns: [ 
				{ data: "id", name: "id", orderable: !1, searchable: !1}, 
				{ data: "user.username", name: "user.username"}, 
				{ data: "user.mobile", name: "user.mobile"}, 
				{ data: "review_key", name: "review_key" },
				{ data: "invoice_no", name: "invoice_no" }, 
				{ data: "amount", name: "amount" }, 
				{ data: "point", name: "point"}, 
				{ data: "outlet", name: "outlet"}, 
				{ data: "status", name: "status"}, 
				{ data: "created_at", name: "created_at"}, 
				{ data: "action", name: "action"}, 
			],
			 "aaSorting": []
		});
		$('#tblList').on('click','.btnPaid', function() {
			swal({
				title: "",
				text: "Processing...",
				imageUrl: "{{asset('assets/images/ajax-loader.gif')}}",
				showConfirmButton: false,
			});
			$.ajax({
				url: '{{route("admin.purchase-history.status.update")}}',
				type: 'POST',
				data: {
					id: $(this).attr('data-value'),
					"_token": "{{ csrf_token() }}",
					"operation": "approve",
				},
				success: function(data) {
					if (data.error == 200) {
						swal({
							title: "Message",
							text: data.message,
							type: "success",
						}, function() {
							window.location.reload();
						});
					} else {
						swal("Message", data.message, "error");
					}
				}
			});
		});
		$('#tblList').on('click','.btnReject', function() {
			swal({
				title: "",
				text: "Processing...",
				imageUrl: "{{asset('assets/images/ajax-loader.gif')}}",
				showConfirmButton: false,
			});
			$.ajax({
				url: '{{route("admin.installer.status.update")}}',
				type: 'POST',
				data: {
					id: $(this).attr('data-value'),
					"_token": "{{ csrf_token() }}",
					"operation": "reject",
				},
				success: function(data) {
					if (data.error == 200) {
						swal({
							title: "Message",
							text: data.message,
							type: "success",
						}, function() {
							window.location.reload();
						});
					} else {
						swal("Message", data.message, "error");
					}
				}
			});
		});
	});
	</script>
@endsection