@php
$fieldList_array = json_decode($fieldList);
//$original_field_list = json_decode($original_field_list);
@endphp

<h5 class="">Custom Fields</h5>
<table class="table style-2 table-hover no-footer">
	<thead>
		<tr>
			<td>Column Name</td>
			<td>Label</td>
			<td>Display</td>
			<td>Type</td>
			<td>Required</td>
			<td>Sort</td>
		</tr>
	</thead>
	@php
	$loopcount=0;
	@endphp
	@foreach($fieldList_array as $fields)
		@php
		$ConfigId = $fields->DemographyConfigId;
		@endphp
		<tr>
			<input type="hidden" name="ConfigId{{$loopcount}}" id="ConfigId{{$loopcount}}" value="{{$ConfigId}}"/>
			<td>{{$fields->ColumnName}}</td>
			<td>
				<input type="hidden" name="LabelValueOld" id="LabelValueOld" value="{{$fields->LabelValue}}"/>
				<input type="text" name="LabelValue" id="LabelValue" value="{{$fields->LabelValue}}" onclick="displayoptions()" class="form-control"/>
				<div name="saveexitlabel" id="saveexitlabel" style="display:none;">
					<a onclick="savelabel()" ><i class="fa fa-check" style="color:green;">
						<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-check" style="color:green;"><polyline points="20 6 9 17 4 12"></polyline></svg><span class="icon-name"></span>
					</a>
					<a onclick="dontsavelabel()" >
						<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-x" style="color:red;"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
					</a>
				</div>
			</td>
			<td>
				<label class="new-control new-checkbox checkbox-outline-primary  m-auto">
					<input type="checkbox" class="new-control-input child-chk select-customers-info" id="DisplayOnOff{{$loopcount}}" onchange="DisplayOnOffChange({{$loopcount}},'Cstm')"
					@if($fields->Display == 1) 
						@php 
						echo "checked='checked'";
						@endphp
					@endif
					>
					<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
				</label>
			</td>
			<td>
				<select class="form-control" name="displaytype{{$loopcount}}" id="displaytype{{$loopcount}}" onchange="DisplayTypeChange({{$loopcount}})">
				@foreach($fieldtypes as $fieldtype)
				<option value="{{$fieldtype['key']}}"
				@if($fieldtype['key'] == $fields->DisplayType) 
					@php 
					echo "selected='selected'";
					@endphp
				@endif
				>
				{{$fieldtype['value']}}</option>
				@endforeach
				</select>
			</td>
			<td>
				<label class="new-control new-checkbox checkbox-outline-primary  m-auto">
					<input type="checkbox" class="new-control-input child-chk select-customers-info" id="RequiredField{{$loopcount}}" onchange="RequiredFieldChange({{$loopcount}},'Cstm')"
					@if($fields->Required == 1) 
						@php 
						echo "checked='checked'";
						@endphp
					@endif
					>
					<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
				</label>
			</td>
			<td><input type="number" name="SortOrder" id="SortOrder" value="{{$fields->SortOrder}}" min="1" class="form-control" /></td>
		</tr>
		@php
		$loopcount++;
		@endphp
	@endforeach
</table>