@php
$fieldList_array = json_decode($fieldList);
$userdetails=Auth::user();
try{
$LoggedUserId = Auth::user()->RefId;
}
catch(\Exception $e)
{
	$LoggedUserId=1;
}
//echo "<pre>";
	//print_r($newfieldList);
	//print_r($headers);
	//print_r($RowId);
	//print_r($ListBoxNamesIDs);
	//print_r($RelatedModulesList);
	$QModuleId=$ModuleId;


//echo "</pre>";

if(Count($newfieldList)==0)
{
	die();
}

@endphp
<div id="ModuleNameCreate{{$UniqId}}" class="form-group row">

	<div class="col-md-12" style="padding: 0px">

		<input type="hidden" name="RowId" id="RowId" value="{{$RowId}}"/>
		@if($source=="CreateViewQuickCreateApi")
		<input type="hidden" name="ModuleName" id="ModuleNameV2" value="{{$modulename}}"/>
		@else
		<input type="hidden" name="ModuleName" id="ModuleName" value="{{$modulename}}"/>
		@endif
		<input type="hidden" name="ModuleName" id="ModuleName" value="{{$modulename}}"/>
		<input type="hidden" name="subpanelLoop" id="subpanelLoop" value="{{$subpanelLoop}}"/>
		<form name="ConfigCreate{{$UniqId}}"  class="simple-example row" id="ConfigCreate{{$UniqId}}"  method="post" enctype="multipart/form-data"  novalidate style="padding: 0px 10px;">
			@php
			$uref=uniqid();

			$V2="";
			if($source=="CreateViewQuickCreateApi")
			{
				$V2="V2";
			}

			@endphp

			<input type="hidden" name="QModuleId" id="QModuleId{{$V2}}" value="{{$QModuleId}}"/>
			<input type="hidden" name="UniqueReferenceId" id="UniqueReferenceId2" value="{{$uref}}">
			<input type="hidden" name="PrimaryModuleId" id="PrimaryModuleId{{$V2}}" value="{{$PrimaryModuleId}}"/>


			<!-- <input type="hidden" id="UniqueReferenceId" name="UniqueReferenceId"> -->
			@foreach($newfieldList AS $fieldList)
			@php
			$ColumnName = $fieldList["ColumnName"];
			$config_id = $fieldList["DemographyConfigId"];
			$TableName = $fieldList["TableName"];
			$ColumnName = $fieldList["ColumnName"];
			$SortOrder = $fieldList["SortOrder"];
			$DisplayType = $fieldList["DisplayType"];
			$Required = $fieldList["Required"];
			$Display = $fieldList["Display"];
			$LabelValue = $fieldList["LabelValue"];
			$DropDownNameId = $fieldList["DropDownNameId"];
			$ParentModuleId = $fieldList["ParentModuleId"];	

			$DemographyConfigId=$fieldList["DemographyConfigId"];	
			if($Required==1)
			{
				$required="required";
				$requiredDisplay='<font color="red">*</font>';
			}
			else
			{
				$required="";
				$requiredDisplay="";
			}
			@endphp
			@if($DisplayType == '10')
			<div class="col-md-12">
				@else
				<div class="col-md-4">

					@endif
					<div class="form-group">
						@if($DisplayType == '9' || $DisplayType == '16' || $DisplayType == '12')

						@else
						<strong class='text-primary'>{{ucwords($LabelValue)}} @php echo $requiredDisplay; @endphp</strong>
						@endif
						@if($DisplayType == '2')
						@php
						if(empty($ListBoxNamesIDs))
						{
							echo "<select name='$ColumnName' id='$ColumnName' class='form-control' {{$required}}>
								<option value=''>---Select---</option>
							</select>";
						}
						else
						{	
							//$ListBoxNamesIDVal=$ListBoxNamesIDs[$ColumnName];
							$ListBoxNamesIDVal=$DropDownNameId;
							$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
							@endphp
							<select name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" data-live-search="true" onchange="checkparent('{{$ColumnName}}',this.value)" {{$required}}>
								<option value="">---Select---</option>
								@if(!array_key_exists($ListBoxNamesIDVal,$childList))
								@foreach($listBoxVal as $listBoxKey=>$listBoxValue)
								@php
								echo "<option value='$listBoxKey'>$listBoxValue</option>";
								@endphp
								@endforeach
								@endif
							</select>
							@if($Required==1)
							<div class="invalid-feedback">
								Please fill the {{$ColumnName}}
							</div>
							@endif
							@php
						}
						@endphp
						@elseif($DisplayType=='15')
						<select name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" {{$required}}>
							<option value="">--Select--</option>
							@foreach($AssignedToList as $assigned=>$val)
							@php
							if($LoggedUserId==$assigned)
							{
								$selected="selected";
							}
							else
							{
								$selected="";
							}
							@endphp
							<option class="bs-tooltip" title="{{$val['email']}}" value="{{$assigned}}" {{$selected}} > {{$val['name']}}</option>	
							@endforeach
						</select>
						@elseif($DisplayType == '3')
						@php
						if(empty($ListBoxNamesIDs))
						{
							echo "<select name='$ColumnName' id='$ColumnName' class='form-control' multiple {{$required}}>
								<option value=''>---Select---</option>
							</select>";
						}
						else
						{
							$ListBoxNamesIDVal=$ListBoxNamesIDs[$ColumnName];
							$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
							@endphp

							<select name="{{$ColumnName}}" id="{{$ColumnName}}"  class="form-control"  multiple="true" {{$required}}>
								<option value="">---Select---</option>
								@if(!array_key_exists($ListBoxNamesIDVal,$childList))
								@foreach($listBoxVal as $listBoxKey=>$listBoxValue)
								@php
								echo "<option value='$listBoxKey'>$listBoxValue</option>";
								@endphp
								@endforeach
								@endif
							</select>
							@if($Required==1)
							<div class="invalid-feedback">
								Please fill the {{$ColumnName}}
							</div>
							@endif
							@php
						}
						@endphp
						@elseif($DisplayType == '4')
						<input type="date" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" placeholder="{{$ColumnName}}" {{$required}}>
						@elseif($DisplayType == '14')
						@php
						$todaydate=date("d/m/Y H:i a");
						$dispDate=date("Y-m-d H:i:s");
						@endphp
						<div class="form-group mb-0">
							<input name="{{$ColumnName}}" id="{{$ColumnName}}" value="{{$dispDate}}" placeholder="{{$todaydate}}" class="form-control flatpickr flatpickr-input active kab" type="text" readonly="readonly" {{$required}}>
						</div>
						@elseif($DisplayType == '5')
						@if(empty($ListBoxNamesIDs))
						<div class="n-chk" style="margin-top: 10px">
							<label class="new-control new-radio radio-classic-primary">
								<input type="radio" class="new-control-input" name="{{$ColumnName}}"value="" {{$required}}>
								<span class="new-control-indicator"></span>
							</label>
						</div>
						@else
						@php
						$ListBoxNamesIDVal=$ListBoxNamesIDs[$ColumnName];
						$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
						@endphp
						<ul style="list-style: none;padding-left: 0px !important">
							@foreach($listBoxVal as $listBoxKey=>$listBoxValue)
							<li style="display: inline-block;">
								<div class="n-chk" style="margin-top: 10px">
									<label class="new-control new-radio radio-classic-primary">
										<input type="radio" class="new-control-input" name="{{$ColumnName}}"value="{{$listBoxKey}}">
										<span class="new-control-indicator"></span>{{$listBoxValue}}
									</label>
								</div>
							</li>
							<!-- <input type="radio" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control"> -->
							@endforeach
						</ul>
						@endif
						@elseif($DisplayType == '6')
						<input type="checkbox" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" {{$required}}>
						@elseif($DisplayType == '7')
						<textarea name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" {{$required}}></textarea>
						@elseif($DisplayType == '8')
						@php
						if(empty($RelatedModulesList))
						{
							echo "<select name='$ColumnName' id='$ColumnName' class='form-control' {{$required}}>
								<option value=''>---Select---</option>
							</select>";
						}
						else
						{
							@endphp
							<select name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" data-live-search="true" {{$required}}>
								<option value="">---Select---</option>
								@foreach($RelatedModulesList[$ParentModuleId] as $listBoxKey=>$listBoxValue)
								@php
								echo "<option value='$listBoxKey'>$listBoxValue</option>";
								@endphp
								@endforeach
							</select>
							@php 
						}
						@endphp
						@elseif($DisplayType == '9')
						<div class="custom-file mb-4">
							<div class="custom-file-container" data-upload-id="myFirstImage">
								<strong>
									<label style="margin-bottom: 0px !important">{{ucwords($LabelValue)}} 
										<span style="cursor:pointer"href="javascript:void(this)" class="custom-file-container__image-clear" id="clear{{$ColumnName}}"title="Clear Image" onclick="clearImage('{{$ColumnName}}')">x</span>
										<span class="custom-file-container__image-clear" title="Preview Image" style="cursor:pointer"onclick="triggerModal('{{$ColumnName}}')">
											<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
										</span>
									</label>
								</strong>
								<label class="custom-file-container__custom-file">
									<input type="file" class="custom-file-container__custom-file__custom-file-input" name="{{$ColumnName}}" id="{{$ColumnName}}" accept=".png, .jpg, .jpeg,.bmp" onchange="showmodal(window.URL.createObjectURL(this.files[0]),this.files[0].size,'{{$ColumnName}}',this.files[0].name,'photo')">
									<!-- <input type="hidden" name="MAX_FILE_SIZE" value="10485760"> -->
									<span class="custom-file-container__custom-file__custom-file-control"><span id="fileName{{$ColumnName}}">Choose file...</span><span class="custom-file-container__custom-file__custom-file-control__button"> Browse </span></span>
								</label>
								<div id="bgImage{{$ColumnName}}"class="custom-file-container__image-preview" style="display:none !important"></div>
							</div>
						</div>
						@elseif($DisplayType == '16')
						<div class="custom-file mb-4">
							
							<div class="custom-file-container" data-upload-id="myFirstImage">
								<strong>
									<label style="margin-bottom: 0px !important">{{ucwords($LabelValue)}} 
										<span style="cursor:pointer"href="javascript:void(this)" class="custom-file-container__image-clear" id="clear{{$ColumnName}}"title="Clear Document" onclick="clearImage('{{$ColumnName}}')">x</span>
										<span class="custom-file-container__image-clear" title="Preview Image" style=" display:none;cursor:pointer"onclick="triggerModal('{{$ColumnName}}')">
											<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
										</span>
									</label>
								</strong>
								<label class="custom-file-container__custom-file">
									<input type="file" form="ConfigCreate{{$UniqId}}" class="custom-file-container__custom-file__custom-file-input" name="{{$ColumnName}}" id="{{$ColumnName}}" accept=".txt, .pdf, .doc,.docx,.xls,.xlsx,.ppt,.pptx" onchange="showmodal(window.URL.createObjectURL(this.files[0]),this.files[0].size,'{{$ColumnName}}',this.files[0].name,'document')">
									<!-- <input type="hidden" name="MAX_FILE_SIZE" value="10485760"> -->
									<span class="custom-file-container__custom-file__custom-file-control"><span id="fileName{{$ColumnName}}">Choose file...</span><span class="custom-file-container__custom-file__custom-file-control__button"> Browse </span></span>
								</label>
								<div id="bgImage{{$ColumnName}}"class="custom-file-container__image-preview" style="display:none !important"></div>
							</div>
						</div>
						@elseif($DisplayType == '10')
						<div class="row" >
							<input type="hidden" name="{{$ColumnName}}" id="{{$ColumnName}}" class="editorClass" {{$required}}>
							<div class="col-lg-12 col-md-12 layout-spacing">

								<!-- <div id="editor-container" class="ql-container ql-snow">
									<div class="ql-editor "id="" data-gramm="false" data-placeholder="Compose an epic..." contenteditable="true"><p></p></div><div class="ql-clipboard" tabindex="-1" contenteditable="true"></div><div class="ql-tooltip ql-hidden"><a class="ql-preview" target="_blank" href="about:blank"></a><input type="text" data-formula="e=mc^2" data-link="https://quilljs.com" data-video="Embed URL"><a class="ql-action"></a><a class="ql-remove"></a>
									</div>
								</div> -->

								<textarea name="{{$ColumnName}}" id="{{$ColumnName}}"></textarea>
							</div>
						</div>
						<script type="text/javascript">
							document.addEventListener('DOMContentLoaded',function(){
								CKEDITOR.replace("{{$ColumnName}}");
								CKEDITOR.instances["{{$ColumnName}}"].on('change',function(){
									document.getElementById("{{$ColumnName}}").value=CKEDITOR.instances["{{$ColumnName}}"].getData();
								});
							});

							
									// CKEDITOR.replace("{{$ColumnName}}Editor");//
									

								</script>
								@elseif($DisplayType == '11')
								<script type="text/javascript">
									maskmobile('{{$ColumnName}}');function maskmobile(id)
									{
										$("#"+id).inputmask({mask:"9999-999-999"});
									}
								</script>
								<input type="text" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" onblur="ValidateFunction('{{$DisplayType}}','{{$ColumnName}}')" {{$required}}>
								@if($Required==1)
								<div class="invalid-feedback" id="error{{$ColumnName}}">
									Please fill the {{$ColumnName}}
								</div>
								@endif
								@elseif($DisplayType == '12')


								<!-- <input type="email" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" onblur="ValidateFunction('{{$DisplayType}}','{{$ColumnName}}')"{{$required}}> -->
								<x-createview.displaytype12 :demographyconfigId="$DemographyConfigId"  :moduleid="$QModuleId"  />

								@elseif($DisplayType == '13')
								<input type="text" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" onblur="ValidateFunction('{{$DisplayType}}','{{$ColumnName}}')"{{$required}}>
								@if($Required==1)
								<div class="invalid-feedback" id="error{{$ColumnName}}">
									Please fill the {{$ColumnName}}
								</div>
								@endif
								@elseif($DisplayType == '17')
								<input type="text" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" onblur="ValidateFunction('{{$DisplayType}}','{{$ColumnName}}')" {{$required}}>
								@if($Required==1)
								<div class="invalid-feedback" id="error{{$ColumnName}}">
									Please fill the {{$ColumnName}}
								</div>
								@endif
								@elseif($DisplayType == '18')
								<script type="text/javascript">
									maskZipCode('{{$ColumnName}}');function maskZipCode(id)
									{
										$("#"+id).inputmask("9{1,6}");
									}
								</script>
								<input type="text" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" onblur="ValidateFunction('{{$DisplayType}}','{{$ColumnName}}')" placeholder="EG:81009" {{$required}}>
								@if($Required==1)
								<div class="invalid-feedback" id="error{{$ColumnName}}">
									Please fill the {{$ColumnName}}
								</div>
								@endif
								@elseif($DisplayType == '1')
								<input type="text" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" {{$required}}>
								@if($Required==1)
								<div class="invalid-feedback" id="error{{$ColumnName}}">
									Please fill the {{$ColumnName}}
								</div>
								@endif
								@elseif($DisplayType == '19')
								<input type="text" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" onblur="ValidateFunction('{{$DisplayType}}','{{$ColumnName}}')" {{$required}}>
								@if($Required==1)
								<div class="invalid-feedback" id="error{{$ColumnName}}">
									Please fill the {{$ColumnName}}
								</div>
								@endif

								@elseif($DisplayType == '28')
								@php
								if(empty($ListBoxNamesIDs) || $DropDownNameId=='')
								{
									@endphp
									<input list="{{$ColumnName}}" name="{{$ColumnName}}" class="form-control" autocomplete="off">
									<datalist id="{{$ColumnName}}">

									</datalist>

									@php
								}
								else
								{	
									//$ListBoxNamesIDVal=$ListBoxNamesIDs[$ColumnName];
									$ListBoxNamesIDVal=$DropDownNameId;


									if(array_key_exists($ListBoxNamesIDVal,$GetDropdownLists))
									{
										$listBoxVal=$GetDropdownLists[$ListBoxNamesIDVal];
										@endphp
										<input list="{{$ColumnName}}" name="{{$ColumnName}}" class="form-control" autocomplete="off">
										<datalist id="{{$ColumnName}}">
											@if(!array_key_exists($ListBoxNamesIDVal,$childList))
											@foreach($listBoxVal as $listBoxKey=>$listBoxValue)
											@php
											echo "<option value='$listBoxValue'/>";
											@endphp
											@endforeach
											@endif

										</datalist>
									</select>
									@php
								}
								else
								{
									@endphp
									<input list="{{$ColumnName}}" name="{{$ColumnName}}" class="form-control" autocomplete="off">
									<datalist id="{{$ColumnName}}">

									</datalist>
									@php
								}
								@endphp
								@if($Required==1)
								<div class="invalid-feedback">
									Please fill the {{$ColumnName}}
								</div>
								@endif
								@php
							}
							@endphp


							@else
							<input type="text" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" {{$required}}>
							@if($Required==1)
							<div class="invalid-feedback">
								Please fill the {{$ColumnName}}
							</div>
							@endif
							@endif
						</div>
					</div>

					@endforeach

					<div class="col-md-4" style="margin-top: 20px ">

						@if($source=="CreateViewQuickCreateApi")
						<button type="button" class="btn btn-primary mb-2 mr-2 rounded-circle" id="mySubBtn{{$UniqId}}" onclick="QuickCreateSubmitV2('ConfigCreate{{$UniqId}}')">
							<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-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
						</button>
						@else
						<button type="button" class="btn btn-primary mb-2 mr-2 rounded-circle" id="mySubBtn{{$UniqId}}" onclick="QuickCreateSubmit('ConfigCreate{{$UniqId}}')">
							<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-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
						</button>
						@endif

						

						<button type="button" class="btn btn-danger mb-2 mr-2 rounded-circle"   onclick="RemoveRelatedModule('{{$UniqId}}')">
							<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-x-circle"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>
						</button>

					</div>
				</div>

			</form>
		</div>
	</div>
</div>
</div>
@php
// on 28th Jul '21
$siteurl=$_SERVER['HTTP_HOST'];
//$url=explode(".",$siteurl);	// crm.bpm360.net/cloud
@endphp
<!-- <script type="text/javascript" src="https://{{$siteurl}}/cloud/public/cork/HTML/ltr/demo6/plugins/editors/quill/quill.js"></script>
	<script type="text/javascript" src="https://{{$siteurl}}/cloud/public/cork/HTML/ltr/demo6/plugins/editors/quill/custom-quill.js"></script> -->
	<!--<script src="https://{{$siteurl}}/cloud/public/cork/HTML/ltr/demo2/plugins/flatpickr/flatpickr.js"></script>
		<script src="https://{{$siteurl}}/cloud/public/cork/HTML/ltr/demo2/plugins/flatpickr/custom-flatpickr.js"></script>-->
		<!--<script src="{{asset('cork/HTML/ltr/demo6/plugins/editors/quill/quill.js') }}"></script>-->
		<!--<script src="{{asset('cork/HTML/ltr/demo6/plugins/editors/quill/custom-quill.js') }}"></script>-->
		<script>

		// $(document).ready(function()
		// {       
		// 	var forms = document.getElementsByClassName('simple-example');
		// 	var invalid = $('.simple-example .invalid-feedback');
		// 	var subbutton=document.getElementById("mySubBtn");
		// 	// console.log("in Quickcreatre view");
  //       // console.log("form"+forms);
  //       // Loop over them and prevent submission
  //       var validation = Array.prototype.filter.call(forms, function(form) {
  //       	subbutton.addEventListener('click', function(event) {

  //       		// alert("validated");
  //       		if (form.checkValidity() === false) {
  //       			event.preventDefault();
  //       			event.stopPropagation();
  //       		} else {
  //       			submitQuickcreate();
  //       		}
  //       		form.classList.add('was-validated');

  //       	}, false);
  //       });
  //   });

  var f2 = flatpickr(document.getElementsByClassName('kab'), {
  	enableTime: true,
  	dateFormat: "Y-m-d H:i",
  });


  @if($source!="CreateViewQuickCreateApi")


  QuickCreateSubmit=(FormId,source="QuickCreate")=>
  {
  	var invalid = $(`#${FormId} .invalid-feedback`);

  	form=document.getElementById(FormId);
  	if (form.checkValidity() === false) {
  		event.preventDefault();
  		event.stopPropagation();
  		invalid.css('display', 'block');
  	} else {

  		submitQuickcreate(FormId,source);
  		invalid.css('display', 'none');
  	}
  	form.classList.add('was-validated');
  }

  @endif

  QuickCreateSubmitV2=(FormId,source="QuickCreate")=>
  {
  	var invalid = $(`#${FormId} .invalid-feedback`);

  	form=document.getElementById(FormId);
  	if (form.checkValidity() === false) {
  		event.preventDefault();
  		event.stopPropagation();
  		invalid.css('display', 'block');
  	} else {

  		submitQuickcreateV2(FormId,source);
  		invalid.css('display', 'none');
  	}
  	form.classList.add('was-validated');
  }


  @if($source!="CreateViewQuickCreateApi")

  function submitQuickcreate(FormId)
  {
  	uploadFile(FormId);
  	var ModuleId = $('#QModuleId').val();
  	var editor_status=$('.ql-editor').html();
  	var RowId=$('#RowId').val();
  	var ModuleName=$('#ModuleName').val();
  	var PrimaryModuleId=$('#PrimaryModuleId').val();
  	$('.editorClass').val(editor_status);
  	if(FormId)
  	{
  		var QuickcreateForm = JSON.stringify($(`#${FormId}`).serializeArray());
  	}
  	else
  	{
  		var QuickcreateForm = JSON.stringify($('#ConfigCreate{{$UniqId}}').serializeArray());
  	}
  	var formData = {
  		ModuleId: ModuleId,
  		source: "QuickCreate",
  		data: QuickcreateForm,
  		RowId:RowId,
  		ModuleName:ModuleName,
  		PrimaryModuleId:PrimaryModuleId
  	};
  	source='';
  	if(source=="API")
  	{
  		url="{{ url('api/ConfigInsertData') }}";
  	}
  	else
  	{
  		url= "{{ url('ConfigInsertData') }}";
  	}

  	btnId=FormId.split('ConfigCreate');
  	btnId=btnId[1];

  	// return false;
			 // return false;
			 $.ajax({
			 	type:'POST',
			 	url: url,
			 	data: formData,
			 	dataType: "json",
			 	headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			 	beforeSend:function()
			 	{
			 		$(`#mySubBtn${btnId}`).prop("disabled",true);
			 	},
			 	success: function(response) 
			 	{

					// alert(JSON.stringify(response));
					var txt = response;
					Snackbar.show({
						text: txt.Message, 
						pos: 'top-right',
					});
					// $("#exampleModal .close").click();
					// subpanelVal=$('#subpanelLoop').val();
					// $('#ConfigCreate').trigger("reset");
					// $('#headingThree'+subpanelVal).trigger('click');
					// $("#QuickCreateModal .close").click();

					console.log(response);
				},
				error:function(response)
				{
					alert(JSON.stringify(response));
				}
			});
			}

			@endif

			function submitQuickcreateV2(FormId)
			{
  	// uploadFile(FormId);
  	var ModuleId = $('#QModuleIdV2').val();
  	var editor_status=$('.ql-editor').html();
  	var RowId=$('#QuickCreatePrimaryKeyName').val();
  	var ModuleName=$('#ModuleNameV2').val();
  	var PrimaryModuleId=$('#PrimaryModuleIdV2').val();
  	$('.editorClass').val(editor_status);
  	if(FormId)
  	{
  		var QuickcreateForm = JSON.stringify($(`#${FormId}`).serializeArray());
  	}
  	else
  	{
  		var QuickcreateForm = JSON.stringify($('#ConfigCreate{{$UniqId}}').serializeArray());
  	}
  	var formData = {
  		ModuleId: ModuleId,
  		source: "QuickCreate",
  		data: QuickcreateForm,
  		RowId:RowId,
  		ModuleName:ModuleName,
  		PrimaryModuleId:PrimaryModuleId
  	};
  	source='';
  	if(source=="API" || source=="CreateViewQuickCreateApi")
  	{
  		url="{{ url('api/ConfigInsertData') }}";
  	}
  	else
  	{
  		url= "{{ url('ConfigInsertData') }}";
  	}

  	btnId=FormId.split('ConfigCreate');
  	btnId=btnId[1];

  	// return false;
			 // return false;
			 $.ajax({
			 	type:'POST',
			 	url: url,
			 	data: formData,
			 	dataType: "json",
			 	headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
			 	beforeSend:function()
			 	{
			 		$(`#mySubBtn${btnId}`).prop("disabled",true);
			 	},
			 	success: function(response) 
			 	{

					// alert(JSON.stringify(response));
					var txt = response;
					Snackbar.show({
						text: txt.Message, 
						pos: 'top-right',
					});
					// $("#exampleModal .close").click();
					// subpanelVal=$('#subpanelLoop').val();
					// $('#ConfigCreate').trigger("reset");
					// $('#headingThree'+subpanelVal).trigger('click');
					// $("#QuickCreateModal .close").click();

					console.log(response);
				},
				error:function(response)
				{
					alert(JSON.stringify(response));
				}
			});
			}


			@if($source!="CreateViewQuickCreateApi")

			uploadFile =(FormId)=>
			{
				var moduleid = $('#QModuleId').val();
			//moduleid=$('#CreateViewModuleId').val();
			// alert(moduleid);
			formdata=document.getElementById(FormId);
			// image=document.getElementById(ColumnName)
			myform =new FormData(formdata);
			myform.append('ModuleId', moduleid);
			$.ajax({
				type:"post",
				url:"{{url('UploadFiles')}}",
				data:myform,
				cache:false,
				processData:false,
				contentType:false,
				mimeType:"multipart/form-data",
				headers:{'X-CSRF_TOKEN':$('meta[name="csrf-token"]').attr('content')},
				dataType: "json",
				async: false, 
				beforeSend:function()
				{
					//$('#mySubBtn').prop('disabled', true);
				},
				success:function(response)
				{
					console.clear();
					console.log(response);
					// $('#UniqueReferenceId2').val(response.id);
					// alert(response.id);
				},
				error:function(error)
				{
					alert("error:"+JSON.stringify(error));
				}
			});
		}

		@endif
	</script>