@include(
	'main.components.breadcrumb',
	[
		'url' => 'module.view',
		'breadcrumb_before' => 'Module manage',
		'breadcrumb_after'  => (isset($method) && $method=='create') ? 'Add new module' : 'Update module'
	]
)
<div class="pcoded-inner-content">
	<div class="main-body">
		<div class="page-wrapper">
			@php
				$action = isset($method) && $method=='create' ? route('module.store') : route('module.update', $module->id);
				$title = (isset($method) && $method=='create') ? 'Add new module' : 'Update module';
			@endphp
			<div class="card">
			    <div class="card-header">
			        <h5>{{$title}}</h5>
			    </div>
			    <div class="card-block">
			        <form action="{{$action}}" method="post">
						@csrf
						<div class="row">
							<div class="col-sm-6">
								<div class="form-group row">
									<label class="col-sm-2 col-form-label">Module name</label>
									<div class="col-sm-10">
										<input type="text" class="form-control @error('name') form-control-danger @enderror" name="name" value="{{old('name', $module->name ?? '')}}" />
										@error('name')<div class="alert alert-danger">{{ $message }}</div>@enderror
									</div>
								</div>
								<div class="form-group row">
									<label class="col-sm-2 col-form-label">Description</label>
									<div class="col-sm-10">
										<textarea class="form-control" name="description" rows="2">{{old('description', $module->description ?? '')}}</textarea>
									</div>
								</div>
							</div>
							<div class="col-sm-6">
								<div class="form-group row">
									<label class="col-sm-2 col-form-label">Machine name</label>
									<div class="col-sm-10">
										<input type="text" class="form-control @error('code') form-control-danger @enderror" name="code" value="{{old('code', $module->code ?? '')}}" {{(isset($method) && $method=='update') ? 'readonly' : ''}} />
										@error('code')<div class="alert alert-danger">{{ $message }}</div>@enderror
									</div>
								</div>
								<div class="form-group row">
									<label class="col-sm-2 col-form-label">Publish</label>
									<div class="col-sm-10 col-form-label">
										@if(isset($method) && $method=='create')
										<input type="checkbox" class="js-switch js-smal" name="publish" value="1" checked />
										@else
										<input type="checkbox" class="js-switch js-smal" name="publish" value="{{$module->publish ?? ''}}" disabled @if(isset($module->publish) && $module->publish == \App\Constants\Number::PUBLISH) checked @endif />
										@endif
									</div>
								</div>
							</div>
							<div class="col-sm-12">
								<div class="form-group row">
									<label class="col-sm-1 col-form-label">Field setup</label>
									<div class="col-sm-11 module-field-container">
										<div class="form-group row mb-0">
											<div class="col-sm-3 pr-0">
												<label class="col-form-label">Field name</label>
											</div>
											<div class="col-sm-3 pr-0">
												<label class="col-form-label">Machine name</label>
											</div>
											<div class="col-sm-3 pr-0">
												<label class="col-form-label">Vocabulary</label>
											</div>
											<div class="col-sm-2 pr-0">&nbsp</div>
										</div>
										@foreach($fields as $k => $field)
										<div class="form-group row mb-2">
											<div class="col-sm-3 pr-0">
												<input type="text" class="form-control m-0 @error('field_name') form-control-danger @enderror" name="field_name[]" value="{{old('field_name', $field->name ?? '')}}" />
												@error('field_name')<div class="alert alert-danger">{{ $message }}</div>@enderror
											</div>
											<div class="col-sm-3 pr-0">
												<select class="form-control" name="field_code[]">
												@if(isset($config['field']))
													@foreach($config['field'] as $item)
													<option value="{{$item}}" {{old('field_code', $field->field_code == $item ? 'selected' : '')}}>{{$item}}</option>
													@endforeach
												@endif
												</select>
												@error('field_code')<div class="alert alert-danger">{{ $message }}</div>@enderror
											</div>
											<div class="col-sm-3 pr-0">
												<select name="vocabulary_id[]" class="form-control setupSelect2">
												@foreach($vocs as $voc)
													<option value="{{$voc->id}}" {{old('vocabulary_id', $field->vocId) == $voc->id ? 'selected' : ''}}>{{$voc->name}}</option>
												@endforeach
												</select>
											</div>
											<div class="col-sm-1 pr-0">
												<div class="col-sm-10 col-form-label">
													@if($field->publish == \App\Constants\Number::PUBLISH)
													<input type="checkbox" class="js-switch js-smal" name="publish[]" value="1" checked />
													@else
													<input type="checkbox" class="js-switch js-smal" name="publish[]" value="0" />
													@endif
												</div>
											</div>
											<div class="col-sm-2">
											@if($field->languages)
												@foreach($field->languages as $lang)
												<a class="d-inline-block" href="{{route('language.translate', ['id' => $field->id, 'languageid' => $lang->id, 'model' => 'field'])}}"><img src="{{asset($lang->image)}}" class="icon-language"  /></a>
												@endforeach
											@endif
												<button class="btn waves-effect waves-dark btn-danger btn-outline-danger btn-icon-medium d-inline"><i class="fa fa-trash" aria-hidden="true"></i></button>
											</div>
										</div>
										@endforeach
									</div>
									<div class="col-sm-1">&nbsp;</div>
									<div class="col-sm-11"><button type="button" class="btn btn-primary prn-0 mrn-0 field-add-new"><i class="icofont icofont-plus"></i></button></div>
								</div>
							</div>
							<div class="form-group col-sm-12 text-right">
								<button type="submit" class="btn btn-primary m-b-0">
									<i class="feather icon-check"></i>
									<span>Save</span>
								</button>
							</div>
						</div>
			        </form>
			    </div>
			</div>
		</div>
	</div>
</div>
@if(isset($config['field']))
<script>
	let fields = @json($config['field']);
</script>
@endif