@php
echo "<pre>";
	
	//print_r($massUpdateIds);
	//print_r($masUpdateFields);
	//print_r($fieldtypes);
	//print_r($childList);
	//print_r($RelateModules);
	//print_r($ListBoxNamesIDs);
	//print_r($RelatedModulesList);
	//print_r($GetDropdownLists);
	//print_r($AssignedToList);
	//print_r($DropDownIds);
	
echo "</pre>";
//die();
@endphp

<div id="iconsAccordion" class="accordion-icons">
	<div class="card">
		<div class="card-header" id="..." style="border-bottom: 1px solid #e0e6ed !important;">
			<section class="mb-0 mt-0">
				<div role="menu" class="collapsed" data-toggle="collapse" data-target="#iconAccordionOne" aria-expanded="true" aria-controls="iconAccordionOne">
					<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>
					Mass Update List<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="iconAccordionOne" class="collapse show" aria-labelledby="..." data-parent="#iconsAccordion">
			<div class="card-body">
				<form name="massUpdateForm" id="massUpdateForm" class="simple-example row" enctype="multipart/form-data"  novalidate>
					<input type="hidden" name="ModuleId" id="ModuleId" value="{{$moduleId}}" />
					<input type="hidden" name="massUpdateIds" id="massUpdateIds" value="{{$massUpdateIds}}" />
					@foreach($masUpdateFields as $fieldList)
					@php
					$required="";
					$ColumnName = $fieldList->ColumnName;
					$DisplayType = $fieldList->DisplayType;
					$Required = $fieldList->Required;
					$LabelValue = $fieldList->LabelValue;
					$DropDownNameId = $fieldList->DropDownNameId;
					$ParentModuleId = $fieldList->ParentModuleId;
					@endphp
					@if($Required==1)
					@php
					$required="required";
					@endphp
					@endif
					@if($DisplayType == '10')
					<div class="col-md-12" style="float:left">
						@else
						<div class="col-md-4" style="float:left">
							@endif
							<div class="form-group">
								@if($DisplayType == '9' || $DisplayType == '16')
								@else
								<strong class='text-primary'>{{$LabelValue}}</strong>
								@endif
								@if($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 == '2')
								<x-massupdate.displaytypev2 :demographyconfigId="$fieldList->DemographyConfigId" :moduleid="$fieldList->ModuleId" :mandatory="$fieldList->Required"/>
								@elseif($DisplayType == '3')
								@if(empty($ListBoxNamesIDs))
								<select name='$ColumnName' id='$ColumnName' class='form-control' multiple {{$required}}>
									<option value=''>---Select---</option>
								</select>
								else
								@php
								$ListBoxNamesIDVal=$DropDownIds[$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)
									<option value='{{$listBoxKey}}'>{{$listBoxValue}}</option>
									@endforeach
									@endif
								</select>
								@if($Required==1)
								<div class="invalid-feedback">
									Please fill the {{$ColumnName}}
								</div>
								@endif
								@endif
								@elseif($DisplayType == '4')
								<input type="date" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" placeholder="{{$ColumnName}}">
								@elseif($DisplayType == '14')
								<div class="form-group mb-0">
									@php
									$dateValues=date('Y-m-d h:i',strtotime($LabelValue));
									@endphp
									<input name="{{$ColumnName}}" id="{{$ColumnName}}" value="" class="form-control  kab" type="text"  readonly="readonly" >
								</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="">
										<span class="new-control-indicator"></span>
									</label>
								</div>
								@else
								@php
								$ListBoxNamesIDVal=$DropDownIds[$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>
									@endforeach
								</ul>
								@endif
								@elseif($DisplayType == '6')
								<input type="checkbox" name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control">
								@elseif($DisplayType == '7')
								<textarea name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control"></textarea>\
								@elseif($DisplayType == '8')
								@if(empty($RelateModules))
								<select name='$ColumnName' id='$ColumnName' class='form-control'>
									<option value=''>---Select---</option>
								</select>
								@else
								<select name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control" data-live-search="true">
									<option value="">---Select---</option>
									@foreach($RelatedModulesList[$ParentModuleId] as $listBoxKey=>$listBoxValue)
									<option value='{{$listBoxKey}}'>{{$listBoxValue}}</option>";
									@endforeach
								</select>
								@endif
								@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')">
											<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 editor{{$ColumnName}}">
											<div id="" class="ql-editor" 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="" data-video="Embed URL"><a class="ql-action"></a><a class="ql-remove"></a>
											</div>
										</div>
									</div>
								</div>
								@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}}>
								@if($Required==1)
								<div class="invalid-feedback" id="error{{$ColumnName}}">
									Please fill the {{$ColumnName}}
								</div>
								@endif
								@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=='15' || $DisplayType=='32')
								<select name="{{$ColumnName}}" id="{{$ColumnName}}" class="form-control">
									<option value="">--Select--</option>
									@foreach($AssignedToList as $assigned=>$val)
									<option class="bs-tooltip" title="{{$val['email']}}"value="{{$assigned}}">{{$val['name']}}</option>
									@endforeach
								</select>
								@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" 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')">
											<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 == '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,5}");
									}
								</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
								@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="row" style="clear:both">
							<div class="col-md-12">
								<button type="button" id="massUpdate-btn"class="btn btn-primary" onclick="submitForm()">UpdateAll</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		try{
			var f2 = flatpickr(document.getElementsByClassName('kab'), {
				enableTime: true,
				dateFormat: "Y-m-d H:i",
			});
		}catch(e){}

		document.addEventListener('DOMContentLoaded',()=>{

		   // alert('loaded');
		})
	</script>
	<!--<script type="text/javascript" src="https://crm.bpm360.net/cloud/public/cork/HTML/ltr/demo6/plugins/editors/quill/quill.js"></script>
		<script type="text/javascript" src="https://crm.bpm360.net/cloud/public/cork/HTML/ltr/demo6/plugins/editors/quill/custom-quill.js"></script>-->