{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', 'All Members')
@section('content-heading')
	<section class="content-header">
		<h1>@lang('admin.members') <small>@lang('admin.all_members')</small></h1>
		<ol class="breadcrumb">
			<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
			<li><a href="{{ route('members') }}">@lang('admin.members')</a></li>
			<li class="active">@lang('admin.all_members')</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.name')</th>
									<th>@lang('word.username')</th>
									<th>@lang('IC No.')</th>
									<th>@lang('Card No.')</th>
									<th>@lang('word.email')</th>
									<th>@lang('word.mobile_number')</th>
									<th>@lang('word.status')</th>
									<th>@lang('Point')</th>
									<th>@lang('word.date')</th>
									<th>@lang('word.action')</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 src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.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('membersDatatable') }}',
            columns: [
				{data: 'id', name: 'id'},
				{data: 'name', name: 'name'},
				{data: 'username', name: 'username'},
				{data: 'ic_no', name: 'ic_no'},
				{data: 'card_number', name: 'card_number'},
				{data: 'email', name: 'email'},
				{data: 'mobile', name: 'mobile'},
				{data: 'is_verified', name: 'is_verified'}, 
				{data: 'credit.point', name: 'credit.point'},
				{data: 'created_at', name: 'created_at'},
				{data: 'action', name: 'action', orderable: false, searchable: false}
			]
		});
	});
	
	function userDelete(a){
		swal("Comming Soon", "User "+a);
		return false;
		
		var parent_tr = jQuery(this).parent().parent();
 		jQuery.ajax({
 			url: "{{ route('deleteUser') }}",
 			type: 'POST',
 			data: {
 				userid: jQuery(this).attr('data-value'),
 				"_token": "{{ csrf_token() }}",
 			},
 			success: function(r) {
				if (r.erno == 202) {
 					swal({ title: "@lang('word.error')",text: r.message,type: "error"}, function() {
 						location.reload();
 					});
 				} else {
 					parent_tr.css("background-color", "#fcf8e3");
 					parent_tr.fadeOut("slow", function() {
 						parent_tr.remove();
 					});
 					swal({
 						title: "@lang('word.success')",
 						text: r.message,
 						type: "success"
 					}, function() {
 						location.reload();
 					});
 				}
 			}
 		});
 	}
	
	function userBlock(a,b){
		swal({
			title: "@lang('word.are_you_sure')",
			text: " @lang('word.user_will_be_blocekd')",
			type: "warning",
			showCancelButton: true,
			confirmButtonColor: "#DD6B55",
			confirmButtonText: "@lang('word.yes')",
			cancelButtonText: "@lang('word.no')",
			closeOnConfirm: false,
			closeOnCancel: false
		}, function(isConfirm) {
			if (isConfirm) {
				jQuery.ajax({
		 			url: "{{ route('editStatus') }}",
		 			type: 'POST',
		 			data: {
		 				userid: a,
		 				status: b,
		 				"_token": "{{ csrf_token() }}",
		 			},
		 			success: function(r) {
		 				swal({
	 						title: "@lang('word.success')",
	 						text: r.message,
	 						type: "success"
	 					});
					}
		 		});
			} else {
				swal("@lang('word.cancelled')", "@lang('word.user_will_not_blocked') :)", "error");
			}
		});	
	}
</script>
@endsection