@php
echo "<pre>";

	$GetFieldList=$pageValues['GetFieldList'];
	$GetFieldList=json_decode($GetFieldList);
	$CustomFunctions=$pageValues['CustomFunctions'];
	//print_r($CustomFunctions);
	//print_r($GetFieldList);
echo "</pre>";

//die();
@endphp

<div class="col-md-12">
	<table class="table table-bordered table-hover">
		<thead>
			<tr>
				<th>Column Name</th>
				<th>Label</th>
				<th>Event</th>
				<th>Function</th>
				<th>Parameter Column</th>
				<th>Autofill Column</th>
				<th>View Configured Functions</th>

			</tr>
		</thead>
		@foreach($GetFieldList as $GetFieldList)
		<tr>
			<td>{{$GetFieldList->ColumnName}}</td>
			<td>{{$GetFieldList->LabelValue}}</td>
			<td>
				<select class="form-control" id="EventType{{$GetFieldList->DemographyConfigId}}" name="EventType">
					<option value="1">On Change</option>
					<option value="2">On Blur</option>
					<option value="3">On Click</option>
				</select>

			</td>
			<td>
				<select class="form-control" onchange="CheckOptions('{{$GetFieldList->DemographyConfigId}}',this.value)">
					<option value="">--Select--</option>

					@foreach($CustomFunctions as $CustomFunction)
					<option value="{{$CustomFunction->CustomFunctionId}}">{{$CustomFunction->Name}}</option>
					@endforeach

				</select>
			</td>
			<td> <div id="Params{{$GetFieldList->DemographyConfigId}}"></div> </td>
			<td> <div id="Autofill{{$GetFieldList->DemographyConfigId}}"></div> </td>
			<td style="text-align: center" class="text-primary">

				<svg onclick="ViewConfiguredFunctions('{{$GetFieldList->DemographyConfigId}}','{{$GetFieldList->LabelValue}}')" style="cursor:pointer" title="View Configured Functions for {{$GetFieldList->ColumnName}}" 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-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>

			</td>

		</tr>
		@endforeach
	</table>
</div>



<!-- Modal -->
<div class="modal fade" id="ConfiguredFunctionModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="ConfiguredFunctionLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <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 class="modal-body" id="ConfiguredFunctionModalBody">
                
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Discard</button>
            </div>
        </div>
    </div>
</div>