@php
echo "<pre>";
	//print_r($results);
echo "</pre>";
@endphp

<div class="table-responsive">
	<table class="table table-hover table-striped table-bordered">
		<thead>
			<tr>
				<td>Slno</td>
				<td>ColumnName</td>
				<td>Disabled Required</td>
			</tr>
		</thead>

		@php
		$i=0;
		@endphp

		@foreach($results as $Module)
		@php
		$i++;

		$checked="";
		if(array_key_exists($Module->DemographyConfigId,$configuredFields))
		{
			if($configuredFields[$Module->DemographyConfigId]==1)
			{
				$checked="checked";
			}
		}	

		@endphp

		<tr>
			<td>{{$i}}</td> <td>{{$Module->LabelValue}}</td> 


			<td> <div class="form-check form-check-primary form-check-inline">
				<input class="form-check-input" id="col{{$Module->DemographyConfigId}}" {{$checked}} type="checkbox" id="form-check-default-checked" onchange="disableRequiredField('{{$Module->DemographyConfigId}}')">
				<label class="form-check-label" for="form-check-default-checked">
				</label>
			</div>
		</td> 
	</tr>
	@endforeach

</table>
</div>

<script>
	disableRequiredField=(DemographyConfigId)=>{
		disabled=0;
		if($(`#col${DemographyConfigId}`).is(' :checked'))
		{
			disabled=1;
		}	
		ModuleId=$('#ModuleId :selected').val();
		$.ajax({
			type:"post",
			url:"{{url('DisableRequiredFieldsConfig-Update')}}",
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			data:{ModuleId,disabled,DemographyConfigId},
			beforeSend:()=>{},
			success:response=>{
				console.log(response);

				Snackbar.show({
					text: "Updated successfully!",
					pos: 'top-right',
				});
			}
		});
	}
</script>