@extends('layouts.app')

@section('content')


<div class="box">
	<div class="box-header">
		<h3 class="box-title">Registered Users</h3>
	</div>
	<form   class="box-body" id="reguser_search-form">
		<div class="row">
		<div class="form-group col-md-3 col-xs-12">
				<label for="uname">Name</label>
				<input type="text" class="form-control" id="uname" name="uname" placeholder="Enter Name">
			</div>
			<div class="form-group col-md-3 col-xs-12">
				<label for="uname">NIC</label>
				<input type="text" class="form-control" id="nicnb" name="nicnb" placeholder="Enter NIC">
			</div>
			<div class="form-group col-md-3 col-xs-12">
				<label for="uname">Mobile Number</label>
				<input type="text" class="form-control" id="mobnum" name="mobnum" placeholder="Enter Mobile Number">
			</div>
			<div class="form-group col-md-3 col-xs-12" data-select2-id="prov">
				<div class="form-group">
					<label>Province</label>
					<select class="form-control select2 proname" style="width: 100%;" id="proname" name="proname">
						<option selected="selected" value="">Please Select</option>
						@foreach ($data['province'] as $provin)
						<option value="{{$provin['id']}}">{{$provin['value']}}</option>
						@endforeach
					</select>
				</div>
			</div>

			<div class="form-group col-md-3 col-xs-12" data-select2-id="dist">
				<div class="form-group">
					<label>District</label>
					<select class="form-control select2 distname" style="width: 100%;" id="distname" name="distname">
						<option selected="selected" value="">Please Select</option>
						@foreach ($data['distric'] as $dist)
						<option value="{{$dist['id']}}">{{$dist['value']}}</option>
						@endforeach
					</select>
				</div>
			</div>

			<div class="form-group col-md-3 col-xs-12" data-select2-id="approve">
				<div class="form-group">
					<label>Approval Status</label>
					<select class="form-control select2 approvenm" style="width: 100%;" id="approvenm" name="approvenm">
						<option selected="selected" value="">All</option>
						@foreach ($data['approve'] as $app_st)
						<option value="{{$app_st['id']}}">{{$app_st['value']}}</option>
						@endforeach
					</select>
				</div>
			</div>

		</div>
		<div class="row">

			<div class="form-group col-md-2 col-xs-12 pull-right">
				<button type="button" class="btn btn-block btn-social btn-dropbox" id="search_reguser">
					<i class="fa fa-search"></i> Search
				</button>
			</div>
			<div class="form-group col-md-2 col-xs-12">
				<button type="button" class="btn btn-light reset_btn">Reset</button>
			</div>
		</div>
	</form>
</div>


<div id="result_content"></div>

@endsection

@push('scripts')
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$('.datatable').DataTable()


		$('#reguser_search-form').sayt({'recover': true});
		load_all_reguser_table();
		
		$('#search_reguser').click(function() {
			$('#reguser_search-form').sayt({'savenow': true});
			load_all_reguser_table();
		});

		$('#reguser_search-form .reset_btn').click(function () {
			
            $('#reguser_search-form').sayt({'erase': true});
			location.reload();
		});

		// $("#search_reguser").click(function() {
		// 	load_all_reguser_table();
		// });
		
	});

	// $('#result_content').on('click', '.userDeacti', function(event) {
	// 	user_id = $(this).data('uid');
	// 	console.log(user_id);
	// 	userDeacti(user_id);
	// });

	function userDeacti(user_id) {

		var ajax_url = "usrdeactivate/"+user_id;
		Swal.fire({
			title: 'Are you sure?',
			text: "You want to deactivate this!",
			icon: 'warning',
			showCancelButton: true,
			confirmButtonColor: '#3085d6',
			cancelButtonColor: '#d33',
			confirmButtonText: 'Yes, deactivate it!'
		}).then((result) => {
			if (result.value) {
				$.get(ajax_url, function(data){
					console.log(data)
					Swal.fire(
						'Deactivated!',
						'User has been deactivated.',
						'success').then((result) => {
							if (result.value) {
								location.reload();
							}
						})
					});

			}
		})
	}

	function userActi(user_id) {
		var ajax_url = "usractivate/"+user_id;
		Swal.fire({
			title: 'Are you sure?',
			text: "You want to active this!",
			icon: 'warning',
			showCancelButton: true,
			confirmButtonColor: '#3085d6',
			cancelButtonColor: '#d33',
			confirmButtonText: 'Yes, activate it!'
		}).then((result) => {
			if (result.value) {
				$.get(ajax_url, function(data){
					Swal.fire(
						'Activated!',
						'User has been activated.',
						'success').then((result) => {
							if (result.value) {
								location.reload();
							}
						})
					});
			}
		})
	}

	function load_all_reguser_table(){
		var ajax_url = "{{ route("regusers_search") }}";
		form_data = $("#reguser_search-form").find(":input").serializeArray();
		$.ajax({
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			url: ajax_url,
			type: 'POST',
			data: form_data,
			success: function(msg) {
				$('#result_content').html(msg);
				$('.datatable').DataTable()
			},
			error: function() {
				alert("Can't Connect to Server");
			}
		})
	}
</script>
@endpush