@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
	<br>
	<div class="page-header">
		<nav class="breadcrumb-one" aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);"><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-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
				<li class="breadcrumb-item"><a href="javascript:void(0);">{{$page['folder']}}</a></li>
				<li class="breadcrumb-item active" aria-current="page"><span>{{$page['title']}}</span></li>
			</ol>
		</nav>
	</div>
	<div class="row">
		<div class="col-lg-12 col-md-12 layout-spacing">
			<div class="statbox widget box box-shadow">
				<div class="widget-header">
					<div class="row">
						<div class="col-xl-12 col-md-12 col-sm-12 col-12">
							<h4>{{$page['title']}}</h4>
						</div>          
					</div>
				</div>
				<div class="widget-content widget-content-area" height="800">
					<div class="col-md-4">
						<label for="Module">Module</label>
						<select id="module_name" class="form-control">
							<option selected="">-- Select Module --</option>
							@foreach ($ModulesArray as $ModuleKey=>$ModuleValue)
								<option value="{{$ModuleKey}}">{{$ModuleValue}}</option>
							@endforeach
						</select>
					</div>
					<div class="col-md-12" name="ConfigFields" id="ConfigFields">
					</div>
					<form name="AddFieldForm" id="AddFieldForm">
						<div class="col-md-12" name="AddFields" id="AddFields">
							<h5 class="">Add New Field</h5>
							<table class="table style-2 table-hover no-footer">
								<tr>
									<td><input type="text" maxlength="16" class="form-control" placeholder="Column Name" name="ColumnName" id="ColumnName"/></td>
									<td><input type="text" class="form-control" placeholder="Label Name" name="LabelName" id="LabelName"/></td>
									<td>
										<select class="form-control" name="DisplayOnOff" id="DisplayOnOff">
											<option value="">Display</option>
											<option value="1">On</option>
											<option value="0">Off</option>
										</select>
									</td>
									<td>
										<select class="form-control" name="displaytype" id="displaytype">
											<option value="">Type</option>
											@foreach($fieldtypes as $fieldtype)
											<option value="{{$fieldtype['key']}}"> {{$fieldtype['value']}} </option>
											@endforeach
										</select>
									</td>
									<td>
										<select class="form-control" name="SetRequired" id="SetRequired">
											<option value="">Required</option>
											<option value="1">On</option>
											<option value="0">Off</option>
										</select>
									</td>
									<td>
										<input type="number" class="form-control" placeholder="Order" name="SortOrder" id="SortOrder" />
									</td>
									<td>
										<input type="button" name="AddField" id="AddField" value="Add" class="btn btn-primary" onclick="AddNewfield()" />
									</td>
								</tr>
							</table>
						</div>
					</form>
				</div>
			</div>
		</div>

	</div>
	<!--  END CONTENT AREA  -->
@endsection