@php
	echo "<pre>";
	//	print_r($Result);
	//	print_r($FieldsArray);
	echo "</pre>";
	$a=0;
@endphp


<table class="table table-no-space table-bordered" >
	<tr>
		<td><b>S.No</b></td>
		<td><b>Create Default</b></td>
		<td><b>ModuleId</b></td>
		<td><b>SortOrder</b></td>
		<td><b>Fields</b></td>
		<td><b>Action</b></td>
	</tr>
	@foreach($Result as $EachData)
		@php
			$a++;
			$ModuleId=$EachData->ModuleId;
			$SortOrder=$EachData->SortOrder;
			$Default=$EachData->Default;
			$Fields=$EachData->Fields;
			$ModuleName=$ModulesArray[$ModuleId];
			$ModuleFields=$FieldsArray[$ModuleId];
			$CheckDefault='';
			if($Default==1)
			{
				$CheckDefault='checked';
			}
		@endphp
		<tr>
			<td>{{$a}}</a>
			<td>
				<input type="radio" name="DefaultModule" id="DefaultModule"  class="new-control new-checkbox new-checkbox-rounded checkbox-primary" onclick="SetDefault('{{$ModuleId}}','{{$WhatsAppConfigId}}')" {{$CheckDefault}}>
			</td>
			<td>{{$ModuleName}}</td>
			<td>
				<input type="number" class="form-control" name="SortOrder{{$a}}" id="SortOrder{{$a}}" value="{{$SortOrder}}">
			</td>
			<td>
				@if($Fields!='')
					@php
						$ConfiguredFields=json_decode($Fields);
						$NameConfigured=$ConfiguredFields->Name;
						$PhoneNumberConfigured=$ConfiguredFields->Phonenumber;
						echo "Name : ".$ModuleFields[$NameConfigured]."<br>";
						echo "PhoneNumber : ".$ModuleFields[$PhoneNumberConfigured];
					@endphp
				@endif
			</td>
			<td>
				<button type="button" class="btn btn-primary mb-2 mr-2" data-toggle="modal" data-target="#FieldConfiguration" onclick="ConfigModuleFieldWhatsApp('{{$ModuleId}}','{{$WhatsAppConfigId}}')"> Configure Field </button>
			</td>
		</tr>
	@endforeach
</table>
<script>
ConfigModuleFieldWhatsApp=(ModuleId,WhatsAppConfigId)=>
{
	var formData = {
			ModuleId: ModuleId,
			WhatsAppConfigId: WhatsAppConfigId,
		};
	$.ajax({
		type:"post",
		url: "{{url('ConfigModuleFieldWhatsApp')}}",
		data: formData,
		beforeSend:function() {
		},
		headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
		//dataType: 'json',
		success:function(result)
		{
			$('#displayModuleFields').html(result);
		},
		error:function(response)
		{
			alert("error:"+response);
		}
	});
}
ConfigureModuleFields=(ModuleId,WhatsAppConfigId)=>
{
	var NameConfigure=document.getElementById('NameConfigure').value;
	var PhoneNumberConfigure=document.getElementById('PhoneNumberConfigure').value;
	var formData = {
		NameConfigure: NameConfigure,
		PhoneNumberConfigure: PhoneNumberConfigure,
		ModuleId: ModuleId,
		WhatsAppConfigId: WhatsAppConfigId,
	};
	$.ajax({
		type:"post",
		url: "{{url('ConfigureModuleFields')}}",
		data: formData,
		beforeSend:function() {
		},
		headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
		//dataType: 'json',
		success:function(result)
		{
			var response=JSON.parse(result);
			 Snackbar.show({
				text: response.Message,
				pos: 'top-right'
			});
			DisplayWhatsAppModuleAssoc();
		}
	});
}
function SetDefault(ModuleId,WhatsAppConfigId)
{
	var formData = {
			ModuleId: ModuleId,
			WhatsAppConfigId: WhatsAppConfigId,
		};
	$.ajax({
		type:"post",
		url: "{{url('SetDefaultWhatsAppModule')}}",
		data: formData,
		beforeSend:function() {
		},
		headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
		//dataType: 'json',
		success:function(result)
		{
			var response=JSON.parse(result);
			alert(response.Message);
			 Snackbar.show({
				text: response.Message,
				pos: 'top-right'
			});
		}
	});
}
</script>