@php
$QModuleId=$ModuleId;
@endphp

<style>
	.form-group label, label
	{
		font-size:12px !important;
	}
	.displayHide
	{
		display: none;
	}
</style>
<input type="hidden" name="RowId" id="RowId" value="{{$RowId}}"/>
<input type="hidden" name="ModuleName" id="ModuleName" value="{{$modulename}}"/>
<input type="hidden" name="subpanelLoop" id="subpanelLoop" value="{{$subpanelLoop}}"/>
<input type="hidden" id="QuickCreateSource" value="{{$source}}"/>
<input type="hidden" id="monitorUcid" value="{{$monitorUcid}}"/>

<div class="row">
	<form name="ConfigCreate"  class="simple-example row" id="ConfigCreate"  method="post" enctype="multipart/form-data"  novalidate >
		<input type="hidden" name="QModuleId" id="QModuleId" value="{{$QModuleId}}"/>
		<input type="hidden" name="PrimaryModuleId" id="PrimaryModuleId" value="{{$PrimaryModuleId}}"/>
		@foreach($newfieldList AS $fieldList)

		@php
		$DemographyConfigId = $fieldList["DemographyConfigId"];
		$mandatoryValue = $fieldList["Required"];
		$DisplayType = $fieldList["DisplayType"];

		@endphp

		@switch($DisplayType)
		@case(1)
		<x-createview.displaytype1 :demographyconfigId="$DemographyConfigId"  :moduleid="$QModuleId" :mandatory="$mandatoryValue"/>
		@break

		@case(2)
		<x-createview.displaytype2 :demographyconfigId="$DemographyConfigId"  :moduleid="$QModuleId" :mandatory="$mandatoryValue"/>
		@break

		@case(7)
		<x-createview.displaytype7 :demographyconfigId="$DemographyConfigId"  :moduleid="$QModuleId" :mandatory="$mandatoryValue"/>
		@break

		@case(10)
		<x-createview.displaytype10 :demographyconfigId="$DemographyConfigId"  :moduleid="$QModuleId" :mandatory="$mandatoryValue"/>
		@break

		@case(26)
		<x-createview.displaytype26 :demographyconfigId="$DemographyConfigId"  :moduleid="$QModuleId" :mandatory="$mandatoryValue"/>
		@break

		@default
		<x-createview.displaytype1 :demographyconfigId="$DemographyConfigId"  :moduleid="$QModuleId" :mandatory="$mandatoryValue"/>
		@break
		@endswitch

		@endforeach

		<br>
		<div class="col-md-12  text-center" style="margin-top: 10px">
			<div class="form-group">
				<button type="button" id="mySubBtn" class="btn btn-primary" onclick="QuickCreateSubmit('ConfigCreate')">Submit</button>
			</div>
		</div>

	</form>
</div>

@php
$checkApi=explode("/",$_SERVER['REQUEST_URI']);
$apiUrl="";
if(strtolower($checkApi[1])=="api")
{
	$apiUrl="api/";
}
@endphp

<script>
	QuickCreateSubmit=(FormId,source="QuickCreate")=>
	{

		console.log(`formid ${FormId}`)

		var invalid = $('.simple-example .invalid-feedback');
		var subbutton=document.getElementById("mySubBtn");

		form=document.getElementById(FormId);
		if (form.checkValidity() === false) {
			event.preventDefault();
			event.stopPropagation();
			invalid.css('display', 'block');
		} else {
			submitQuickcreate(source);
				// alert("form submitted");
				invalid.css('display', 'none');
				form.classList.add('was-validated');
			}
		}

		function submitQuickcreate()
		{
			var ModuleId = $('#QModuleId').val();
			var RowId=$('#RowId').val();
			var ModuleName=$('#ModuleName').val();
			var PrimaryModuleId=$('#PrimaryModuleId').val();
			var QuickcreateForm = JSON.stringify($('#ConfigCreate').serializeArray());

			RefId=$('#LoggedAssUser').val();

			console.clear();
			console.log('RefId',RefId)
			var monitorUcid=$('#monitorUcid').val();


			var formData = {
				ModuleId: ModuleId,
				source: "QuickCreate",
				data: QuickcreateForm,
				RowId:RowId,
				ModuleName:ModuleName,
				PrimaryModuleId:PrimaryModuleId,
				monitorUcid,
				RefId
			};
			source='';
			if(source=="API")
			{
				url="{{ url('api/ConfigInsertData') }}";
			}
			else
			{
				url= "{{ url('ConfigInsertData') }}";
			}

			$.ajax({
				type:'POST',
				url: url,
				data: formData,
				dataType: "json",
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				success: function(response) 
				{
					var txt = response;
					Snackbar.show({
						text: txt.Message, 
						pos: 'top-right',
					});
					
					subpanelVal=$('#subpanelLoop').val();
					$('#ConfigCreate').trigger("reset");
					$('#headingThree'+subpanelVal).trigger('click');
					$('.modal .close').click();
					$('.modal .btn-close').click();

					$('.modal-backdrop').removeClass('modal-backdrop');
				},
				error:function(response)
				{
					console.log("response",response);

				}
			});
		}


		checkparent=(fieldname,fieldValue)=>
		{
			if(fieldValue=="")
			{
				return false;
			}
			var ModuleId = $('#QModuleId').val();

			url="{{url('')}}/{{$apiUrl}}verifyChildExists";

			$.ajax({
				type:"post",
				// url:'{{url("api/verifyChildExists")}}',
				url,
				data:{fieldname:fieldname,fieldValue:fieldValue,ModuleId:ModuleId},
				headers:{'X-CSRF_TOKEN':$('meta[name="csrf-token"]').attr('content')},
				dataType: "json",
				success:function(response)
				{
					if(response.field!="")
					{
						$('#'+response.field+ModuleId).empty();
						$('#'+response.field+ModuleId).val('');
						$('#'+response.field+ModuleId).append(response.dropdown);
						// alert(response.dropdown);
					}
					else
					{
						// alert("no child");
					}
					// console.log(response);

					
				},
				error:function(error)
				{
					// alert("error:"+JSON.stringify(error));
					// console.log(error);
				}
			});

		}

	</script>