@extends('component.admin.layout')

@section('content')
	<main>
		<h1>{{lang('System Settings')}}</h1>

		<div class="grid">
			<section>
				<h3>{{lang('Configuration')}}</h3>

				<form name="config-form" class="form" method="post" action="/admin/settings/process-config">
					@csrf

					<ul class="cfg">
						@foreach ($configs as $c)
							<li>
								<div class="input-group">
									@if (preg_match('/^cfg\./', $c->type))
										<input type="text" name="type[{{$c->uid}}]" class="form-control type" value="<br />
<b>Notice</b>:  Undefined variable: c in <b>/home/edmedu/www/hana-edu.co.kr/sf4l/resources/views/component/admin/settings.blade.php</b> on line <b>19</b><br />
<br />
<b>Notice</b>:  Trying to get property 'type' of non-object in <b>/home/edmedu/www/hana-edu.co.kr/sf4l/resources/views/component/admin/settings.blade.php</b> on line <b>19</b><br />
" readonly>
									@else
										<select name="type[{{$c->uid}}]" class="form-select type">
											@foreach ($cfg_type as $type)
												<option value="{{$type}}" @selected($c->type==$type)>{{$type}}</option>
											@endforeach
										</select>
									@endif
									
									<input type="text" name="key[{{$c->uid}}]" class="form-control key" value="{{$c->key}}" autocomplete="off">
								</div>
								
								@if ($c->type=='bool' or $c->type=='cfg.bool')
									<div class="input-group-text">
										<input type="checkbox" autocomplete="off" name="val[{{$c->uid}}]" value="true" @checked($c->val=='true')>
									</div>
								@else
									<input type="text" autocomplete="off" class="form-control val" name="val[{{$c->uid}}]" value="{{$c->val}}">
								@endif
							</li>
						@endforeach

						<li class="new">
							<div class="input-group">
								<select name="new_type" class="form-select type">
									@foreach ($cfg_type as $type)
										<option value="{{$type}}">{{$type}}</option>
									@endforeach
								</select>

								<input type="text" name="new_key" class="form-control key" placeholder="New Key" autocomplete="off">
							</div>

							<input type="text" name="new_val" class="form-control val" placeholder="New Value" autocomplete="off">
						</li>
					</ul>

					<div class="submit">
						<button type="submit" class="btn btn-danger">{{lang('Save Changes')}}</button>
					</div>

				</form>
			</section>

			<section>
				<h3>{{lang('Group Category')}}</h3>

				<form name="gcat-form" class="form" method="post" action="/admin/settings/process-group-category">
					@csrf

					<div class="form-group">
						<label>Category <a href="javascript:;" id="add-gcat"><i class="bi bi-plus-circle"></i></a></label>
						<div class="gcat-option" id="gcat-option">
							@if (!empty($group_categories))
								@foreach ($group_categories->group_category as $cat)
									<input type="text" name="group_category[]" class="form-control" value="{{$cat}}">
								@endforeach
							@endif
						</div>
					</div>

					@if (!empty($group_categories))
						@foreach ($group_categories->group_category as $cat)
							<div class="form-group">
								<label>Sub-category: {{$cat}} <a class="add-gscat" href="javascript:;" data-target="gscat-option-{{$cat}}" data-cat="{{$cat}}"><i class="bi bi-plus-circle"></i></a></label>
								<div class="gcat-option" id="gscat-option-{{$cat}}">
									@if (!empty($group_categories->sub_category->$cat))
										@foreach ($group_categories->sub_category->$cat as $sub)
											<input type="text" name="sub_category[{{$cat}}][]" value="{{$sub}}" class="form-control" autocomplete="off">
										@endforeach
									@endif
								</div>
							</div>
						@endforeach
					@endif

					<div class="submit">
						<button type="submit" class="btn btn-danger">{{lang('Save Changes')}}</button>
					</div>
				</form>
			</section>

			<section>
				<h3>{{lang('Other Settings')}}</h3>

				<ul class="settings">
					<li><a href="/admin/settings/reset-asset">{{lang('Reset All Assets')}}</a></li>
					<li><a href="/admin/settings/sitemap">{{lang('Create Sitemap')}}</a></li>
				</ul>
			</section>

			<section>
				<h3>Send Mail Test</h3>
			</section>
		</div>
	</main>

	<script type="text/javascript">
		$(document).ready(function(){
			$('#add-gcat').on('click', function(e){
				e.preventDefault();
				var item = '<input type="text" name="group_category[]" class="form-control" autocomplete="off">';
				$('#gcat-option').append(item);
			});

			$('.add-gscat').each(function(){
				$(this).click(function(e){
					e.preventDefault();
					var cat = $(this).attr('data-cat');
					var target = $(this).attr('data-target');
					var item = '<input type="text" name="sub_category['+cat+'][]" class="form-control" autocomplete="off">';
					$('#'+target).append(item);
				});
			});
		});
	</script>
@endsection