@section('content')
	<div class="row">
		@php
			print_r($_REQUEST);
		@endphp
		<div class="col-lg-12 col-md-12 layout-spacing">
			<div class="statbox widget box box-shadow">
				<form name="SPLinkListView" id="SPLinkListView" >
				<input type="hidden" name="ModuleId" id="ModuleId" value="{{$ModuleId}}" >
				<div class="row">
					<div class="col-lg-12 layout-spacing">
						<div id="iconsAccordion" class="accordion-icons">
							<div class="card">
								<div class="card-header" id="headingThree8">
									<section class="mb-0 mt-0">
										<div role="menu" class="" data-toggle="collapse" data-target="#iconAccordionThree" aria-expanded="false" aria-controls="iconAccordionThree">
											<div class="accordion-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layout"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg></div>
											Search Filters <div class="icons"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
										</div>
									</section>
								</div>
								<div id="iconAccordionThree" class="collapse" aria-labelledby="headingThree8" data-parent="#iconsAccordion">
									<div class="card-body">
										<div class="col-xs-12 col-sm-12 col-md-12" name="ShowFields" id="ShowFields">
										</div>
										<input type="button" name="FindTicket" id="FindTicket" value="Search" class="btn btn-primary" onclick="SearchAll()" />
										<input type="button" name="Clear" id="Clear" value="Clear" class="btn btn-primary"  onclick="SearchFilters()" />
										<p id="loading"></p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-12" name="ShowResults" id="ShowResults" >
				</div>
				<!-- <div class="col-xs-12 col-sm-12 col-md-12" name="MassUpdateFormDiv" id="MassUpdateFormDiv" >
				</div> -->
			</form>
			</div>
		</div>
	</div>
@endsection

<script type="text/javascript">
	$(document).ready(function() {
	var ModuleId = $('#ModuleId').val();
	var page_num = $('#page_num').val();
	var total_records = $('#total_records').val();
	// var field_name = $('#field_name').val();
	var sort_order = $('#sort_order').val();

	var mode='Auto';

	if(page_num==undefined)
		page_num=1;
	if(total_records==undefined)
		total_records=10;
	// if(field_name==undefined)
		var field_name="UpdatedDate";
	if(sort_order==undefined)
		sort_order="DESC";

	console.log("Getting Data for PopUp: "+field_name+" & "+sort_order);
	SearchFilters();	// newly added on 19th April '19
	ViewData(ModuleId,page_num,total_records,field_name,sort_order,mode);
	
});

	function ViewData(moduleId,page_num,limit,field_name,sort_order,mode){

		console.log( "Viewing Data! Mode: "+mode+" Page: "+page_num+" Limit: "+limit);
		if(mode=="Search")
		{
			if(sort_order=="DESC")
			{
				sort_by="ASC";
				sorting_css='sorting_asc';
				removeClass='sorting_desc';
			}
			else
			{
				sort_by="DESC";
				sorting_css='sorting_desc';
				removeClass='sorting_asc';
			}

			$("#"+field_name).addClass(sorting_css).removeClass(removeClass);
		$("#order_by").val(field_name);
		$("#page_num").val(page_num);
		console.log("Swapping Order & Calling Search");
		SearchAll();
	}
	else
	{
		$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
			}
		});
		var formData = {
			ModuleId: moduleId,
			page_num: page_num,
			limit: limit,
			field_name: field_name,
			sort_order: sort_order,
			mode: mode
		};
		var type = "POST";
		var ajaxurl = "{{ url('GetListViewPagination') }}";
		$.ajax({
			type: type,
			url: ajaxurl,
			data: formData,
            beforeSend:function() {
                $('#ShowResults').html("<div class='loader dual-loader mx-auto'></div>");
            },
			success: function (result) {
				console.log("Show Result");
				$('#ShowResults').html(result);
			},
			complete: function () {
				
				//var sort_by="DESC";
				var sorting_css="sorting_desc";

				if(sort_order=="DESC")
				{
					sort_by="ASC";
					sorting_css='sorting_asc';
					removeClass='sorting_desc';
				}
				else
				{
					sort_by="DESC";
					sorting_css='sorting_desc';
					removeClass='sorting_asc';
				}

				$("#"+field_name).addClass(sorting_css).removeClass(removeClass);
	            // $("#"+field_name).toggleClass("sorting_asc sorting_desc");

	            $("#sort_by").val(sort_order);
	            // $("#sort_by").val(sort_by);
	            $("#sort_order").val(sort_order);
	            $("#order_by").val(field_name);

	            console.log("Updating Values: "+field_name+" by "+sort_order+" & "+sort_by+" | "+mode);
	        },
	        error: function (data) {
	        	console.log(data);
	        }
	    });

	}
}

function RemoveMe(ModuleId,RowId,Source){
	swal({
		title: 'Are you sure?',
		text: "You won't be able to revert this!",
		type: 'warning',
		showCancelButton: true,
		confirmButtonText: 'Delete',
		padding: '2em'
	}).then(function(result) {
		if (result.value) {
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
				}
			});
			var formData = {
				ModuleId: ModuleId,
				RowId: RowId,
				Source: Source,
			};
			var type = "POST";
			var ajaxurl = "{{ url('DeleteMe') }}";
			$.ajax({
				type: type,
				url: ajaxurl,
				data: formData,
				dataType: 'json',
				success: function () {

				},
				complete: function (result) {
					var obj = result.responseJSON;
					var msg=obj.Message;

					Snackbar.show({
						text: msg,
						pos: 'top-right',
					});

					// call default function, for loading updated results
					var page_num = $('#page_num').val();
					var limit = $('#limit').val();
					var total_records = $('#total_records').val();
					var field_name = $('#field_name').val();
					var sort_order = $('#sort_order').val();
					var mode='Delete';

				//console.log("Pushing Data: "+total_records+" - "+limit);

				ViewData(ModuleId,page_num,limit,field_name,sort_order,mode);
			},
			error: function (data) {
				console.log(JSON.stringify(data));
			}
		});
			swal(
				'Deleted!',
				msg,
				'success'
				)
		}
		else
		{
			Snackbar.show({
				text: 'Warning',
				actionTextColor: '#fff',
				backgroundColor: '#e2a03f',
				text: 'You have not deleted this record!',
				pos: 'top-right',
			});
		}
	})

}

function SearchFilters(){

	var ModuleId = $('#ModuleId').val();
	console.log("Getting Filters...");
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': jQuery('meta[name="csrf-token"]').attr('content')
		}
	});

	var formData = {
		ModuleId: ModuleId,
		source: ModuleId, //"Search",
	};
	var type = "POST";
	var urls = "{{ url('SearchGetFields') }}";	// GetDemographyFields calls Controller
	$.ajax({
		type: type,
		url: urls,
		data: formData,
            beforeSend:function() {
                $('#ShowFields').html("<div class='loader dual-loader mx-auto'></div>");
            },
		success: function (results) {
			console.log("Recieved Filter!");
			//alert("results"+results);
			$('#ShowFields').html(results);
		},
		error: function (data) {
			console.log("Error: "+data);
			$('#ShowFields').html("");
		}
	});
}

function SearchAll(){
	console.log("Loading Results...");

	var ModuleId = $('#ModuleId').val();
	//var page_num = $('#page_num').val();
	//var total_records = $('#total_records').val();
	var limit = $('#limit').val();
	var field_name = $('#field_name').val();
	var sort_order = $('#sort_order').val();
	var page_num = $('#page_num').val();
	var mode='Search';
	//var page_num=1;

	$("#mode").val(mode); 	// on 24th April '21

	if(limit==undefined || limit=="")
		limit=10;

	if(page_num==undefined || page_num=="")
		page_num=1;

	var searchForm = JSON.stringify( $('#SearchForm').serializeArray() );

	var formData = {
		data: searchForm,
		source: ModuleId,
		ModuleId: ModuleId,
		page_num: page_num,
		limit: limit,
		field_name: field_name,
		sort_order: sort_order,
		mode: mode
	};

	//var ajax_url = "FindMe";
	var ajax_url = "{{ url('FindMePagination') }}";
	$.ajax({
		url: ajax_url,
		type: 'POST',
		data: formData,
		headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
		beforeSend:function() {
			$('#loading').html("<div class='loader dual-loader mx-auto'></div>");
		},
		success: function(result) {
			console.log("Success...");
			$('#loading').html('');
			$('#ShowResults').html(result);
		},
		error: function (data) {
			$('#ShowResults').html("");
		}
	});
}

function massUpdate(loopcount)
{
	moduleId=$('#ModuleId').val();
	var massUpdateIds="";
	var newIds="";
	for(i=0;i<=loopcount;i++)
	{
		if($('#massUpdate'+i).prop("checked")==true)
		{
			if(massUpdateIds=="")
			{
				massUpdateIds=$('#massUpdate'+i).val();
			}
			else
			{
				massUpdateIds+=","+$('#massUpdate'+i).val();
			}

		}
	}
	if(massUpdateIds=="")
	{
		Snackbar.show({
			text: 'Warning',
			actionTextColor: '#fff',
			backgroundColor: '#e2a03f',
			text: 'Nothing Selected!',
			pos: 'top-right',
		});
		return false;
	}
	$('#MassUpdateFormDiv').css("display","block");
	selectval=$('#MassUpdateSelect :selected').val();
	// alert(selectval);
	if(selectval==2)
	{
		return false;
	}
	$.ajax({
		type:"post",
		url:"{{url('getMassUpdateFields')}}",
		data:{massUpdateIds:massUpdateIds,moduleId:moduleId},
		headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
		success:function(response)
		{
			$('#MassUpdateFormDiv').html(response);
			// alert(response);
		},
		error:function(error)
		{
			alert("error:"+JSON.stringify(error));
		}
	});
}


function submitForm()
{
	myForm=document.getElementById('massUpdateForm');
	myFormData=new FormData(myForm);
	ModuleId=$('#ModuleId').val();
	massUpdateIds=$('#massUpdateIds').val();
	// alert(massUpdateIds);
	// return false;
	var massUpdateForm = JSON.stringify($('#massUpdateForm').serializeArray());
	var formData = {
		ModuleId: ModuleId,
		data: massUpdateForm,
		massUpdateIds:massUpdateIds
	};
	$.ajax({
		type:"post",
		url:"{{url('MassUpdate')}}",
		data:formData,
		headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
		dataType: 'json',
		beforeSend:function()
		{
			$('#MassUpdateFormDiv').html("");
		},
		success:function(response)
		{
				// alert(JSON.stringify(response));
				Snackbar.show({
					text: response.Message,
					pos: 'top-right',
				});
				reloadList();

			},
			error:function(error)
			{
				alert("Error:"+JSON.stringify(error));
			}
		});
}
function selectMassUpdate(value)
{
	moduleId=$('#ModuleId').val();
	loopval=$('#massUpdate-btn').attr("loopval");
	if(value=="")
	{
		for(i=0;i<=loopval;i++)
		{
			$('#massUpdate'+i).prop("checked",false);
		}
		$('#massUpdate-btn').css("display","none");
		$('#MassUpdateFormDiv').css("display","none");

	}
	else if(value==1)
	{
		for(i=0;i<=loopval;i++)
		{
			$('#massUpdate'+i).prop("checked",true);
		}
		$('#thisPageRecord').html("This Page("+loopval+")");
		$('#massUpdate-btn').css("display","block");
		$('#MassUpdateFormDiv').css("display","none");
	}
	else
	{
		for(i=0;i<=loopval;i++)
		{
			$('#massUpdate'+i).prop("checked",true);
		}
		$('#massUpdate-btn').css("display","block");
		$.ajax
		({
			type:"post",
			url:"{{url('GetAllRowIds')}}",
			data:{moduleId:moduleId},
			headers:{'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')},
			dataType:"json",
			aync:false,
			success:function(response)
			{
				// alert(response.records);
				callback(response.rowids,response.records);
			},
			error:function(error)
			{
				alert("error:"+JSON.stringify(error));
			}
		});
		function callback(data,count)
		{
			// alert(data);
			// newIds=data;

			if(count==0)
			{
				return false;
			}
			$('#allRecord').html("Select All("+count+")");
			$.ajax
			({
				type:"post",
				url:"{{url('getMassUpdateFields')}}",
				data:{massUpdateIds:data,moduleId:moduleId},
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				success:function(response)
				{
					$('#MassUpdateFormDiv').html(response);
					$('#MassUpdateFormDiv').css("display","none");
					// alert(response);
				},
				error:function(error)
				{
					alert("error:"+JSON.stringify(error));
				}	
			});
		}
	}
	
	// alert(loopval);
}
function getSelectedCount(rowid,loopcount)
{
	selectVal=$('#MassUpdateSelect :selected').val();
	if (selectVal==2 || selectVal==1) 
	{
		$('#MassUpdateSelect').val('').trigger('change');
	}
	// $('#massUpdate'+loopcount).attr("checked",true);
	$('#MassUpdateFormDiv').html("");
	if($('.massupdateCheck').is(":checked"))
	{
		// alert("checked");
		$('#massUpdate-btn').css("display","block");
	}
	else
	{
		$('#massUpdate-btn').css("display","none");
	}
}
function reloadList()
{
	location.reload();
	return false;
	var ModuleId = $('#ModuleId').val();
	var page_num = $('#page_num').val();
	var total_records = $('#total_records').val();
	var field_name = $('#field_name').val();
	var sort_order = $('#sort_order').val();
	var mode='Auto';

	if(page_num==undefined)
		page_num=1;
	if(total_records==undefined)
		total_records=10;
	if(field_name==undefined)
		field_name="UpdatedDate";
	if(sort_order==undefined)
		sort_order="DESC";

	console.log("Getting Data: "+field_name+" & "+sort_order);
	SearchFilters();	// newly added on 19th April '19
	ViewData(ModuleId,page_num,total_records,field_name,sort_order,mode);
}
</script>