@php
$fieldList_array = json_decode($fieldList);
$loopcount=0;
$slno=1;
@endphp
<table class="table table-bordered">
	<thead>
		<tr>
			<th nowrap>SlNo</th>
			<th nowrap>Column Name</th>
			<th nowrap>Required</th>
			<th nowrap>FieldType</th>
			<th nowrap>Formula</th>
			<th nowrap>Display</th>
			<th nowrap>Sort Order</th>
			<th nowrap>Save</th>
		</tr>
	</thead>
	@foreach($fieldList_array as $fields)
		<tr>
			<input type="hidden" name="DemographyId{{$loopcount}}" id="DemographyId{{$loopcount}}" value="{{$fields->DemographyConfigId}}"/>
			<td>{{$slno}}</td>
			<td>{{$fields->LabelValue}}</td>
			<td>
				<label class="new-control new-checkbox checkbox-outline-success  m-auto">
					<input type="checkbox" class="new-control-input child-chk select-customers-info" id="GridFieldRequired{{$loopcount}}" name="GridFieldRequired{{$loopcount}}">
					<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
				</label>
			</td>
			<td>
				<select class="form-control" name="FieldType{{$loopcount}}" id="FieldType{{$loopcount}}" onChange="FieldTypeChange({{$loopcount}})">
					<option value="">Select Field Display Type</option>
					<option value="1">Search Module Details</option>
					<option value="2">AutoFill</option>
					<option value="3">Entry Text</option>
					<option value="4">Calculation</option>
				</select>
			</td>
			<td>
				<div name="AddFormulaBtnDiv{{$loopcount}}" id="AddFormulaBtnDiv{{$loopcount}}" style="display:none">
					<button type="button" class="btn btn-primary mb-2 mr-2" data-toggle="modal" data-target="#AddAGridFormula{{$loopcount}}" onclick="AddFormula({{$loopcount}})"><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-trello"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><rect x="7" y="7" width="3" height="9"></rect><rect x="14" y="7" width="3" height="5"></rect></svg></button>
				</div>
			</td>
			<td>
				<label class="new-control new-checkbox checkbox-outline-success  m-auto">
					<input type="checkbox" class="new-control-input child-chk select-customers-info" id="GridDisplayField{{$loopcount}}" name="GridDisplayField{{$loopcount}}">
					<span class="new-control-indicator"></span><span style="visibility:hidden">c</span>
				</label>
			</td>
			<td>
				<input type="text" name="SortOrder{{$loopcount}}" id="SortOrder{{$loopcount}}" class="form-control" value="{{$loopcount}}" />
			</td>
			<td>
				<a onclick="UpdateGridConfig({{$loopcount}})">
					<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>
			</td>
		</tr>
		@php
		$loopcount++;
		$slno++;
		@endphp
		<!-- Add Formula Modal from here -->
		<div id="AddAGridFormula{{$loopcount}}" class="modal animated fadeInDown" role="dialog">
			<div class="modal-dialog">
				<!-- Modal content-->
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title"><div id="ModalHeading" name="ModalHeading"></div></h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						  <svg aria-hidden="true" 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"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
						</button>
					</div>

					<div class="modal-body">
						<p class="modal-text">
							<div class="loader dual-loader mx-auto" name="LoadingDiv{{$loopcount}}" id="LoadingDiv{{$loopcount}}" style="display:none"></div>
							<div id="FormulaDiv{{$loopcount}}" name="FormulaDiv{{$loopcount}}">
								
							</div>
						</p>
					</div>
					<div class="modal-footer">
						<button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i>Close</button>
					</div>
				</div>
			</div>
		</div>
		<!-- Add Formula Modal Till here -->
	@endforeach
</table>