{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title',trans('word.redemption_voucher_report'))
@section('content-heading')
	<section class="content-header">
		<h1>@lang('word.redemption_voucher_report')</h1>
		<ol class="breadcrumb">
			<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
			<li class="active">@lang('word.redemption_voucher_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="list_members" class="table table-bordered table-hover">
							<thead>
								<tr>
									<th>#</th>
									<th>@lang('word.username')</th>
									<th>@lang('word.realname')</th>
									<th>@lang('word.amount')</th>
									<th>@lang('word.date')</th>
								</tr>
							</thead>
							<tbody>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</section>

@endsection

@section('extra-script')

<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 () {
		jQuery('#list_members').DataTable({
			oLanguage: {
				sLengthMenu: "@lang('word.sLengthMenu')",
				sLoadingRecords: "@lang('word.sLoadingRecords')", 
				sSearch: "@lang('word.sSearch')",
				sZeroRecords: "@lang('word.sZeroRecords')",
				sInfoFiltered: "@lang('word.sInfoFiltered')",
				sInfoEmpty: "@lang('word.sInfoEmpty')",
				sInfo: "@lang('word.sInfo')",
				sEmptyTable: "@lang('word.sEmptyTable')",
				oPaginate: {
					sNext: "@lang('word.sNext')",
					sPrevious: "@lang('word.sPrevious')",
				}
			}, 
			responsive:true,
			processing: true,
            serverSide: true,
            ajax: '{{ route('ManageRedemptionVoucherReportData') }}',
            columns: [
				{data: 'id', name: 'id'},
				{data: 'ud.username', name: 'ud.username'},
				{data: 'ud.realname', name: 'ud.realname'},
				{data: 'amount', name: 'amount'},
				{data: 'created_at', name: 'created_at'},
			]
		});
	});
</script>
@endsection