{{\App::setLocale(Session::get('locale'))}}
@extends('user.layout.app')
@section('title', trans('Invoice Items Report'))
@section('content')
<div class="card">
	<div class="card-header">{{ __('Invoice Items Report') }}</div>
	<div class="card-body">
		<table id="tblReport" class="table table-bordered" style="width:100%">
			<thead>
				<tr>
					<th>@lang('#')</th>
					<th>@lang('Invoice Number')</th>
					<th>@lang('Sub Total')</th>
					<th>@lang('Discount')</th>
					<th>@lang('Tax')</th>
					<th>@lang('Grand Total')</th>	
					<th>@lang('Date')</th>	
					<th></th>	
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
	</div>
</div>
@endsection
@section('extra-script') 
	@includeIf('components.datatable')
	<script>
	$(function() {
    $("#tblReport").DataTable({
			responsive: !0,
			oLanguage: {
				sProcessing: "@lang('w.processing')...",
				sInfoFiltered: "@lang('datatable.sInfoFiltered')",
				sInfo: "@lang('datatable.sInfo')",
				sLengthMenu: "@lang('datatable.sLengthMenu')",
				sSearch: "@lang('datatable.sSearch')",
				sEmptyTable: "@lang('datatable.sEmptyTable')",
				sInfoEmpty: "@lang('datatable.sInfoEmpty')",
				oPaginate: {
					sPrevious: "@lang('datatable.sPrevious')",
					sNext: "@lang('datatable.sNext')"
				}
			}, 
			info: !1,
			bFilter: !1,
			ordering: !1,
			bLengthChange: !1,
			ordering: !1,
			processing: !0,
			serverSide: !0,
			ajax: '{{ route("user.purchase.list.data") }}',
			columns: [{
				data: "DT_RowIndex",
				name: "DT_RowIndex"
			}, {
				data: "invoice_no",
				name: "invoice_no"
			}, {
				data: "subtotal",
				name: "subtotal"
			}, {
				data: "discount",
				name: "discount"
			}, {
				data: "tax",
				name: "tax"
			}, {
				data: "grand_total",
				name: "grand_total"	
			}, {
				data: "created_at",
				name: "created_at"		
			}, {
				data: "action",
				name: "action"
			}]
		})
	});
	</script>
@endsection