@php
	/*--------------------------------------------
	관리자정보 입력/뷰 template
	--------------------------------------------*/

	// 다중호출 시 javascript binding의 중복을 방지하기 위해 랜덤키를 생성
	$element_key = 'key-'.Str::random(16);

	// 영어레벨
	if (isset($code_uhaktype)) {
		$collection_code_uhaktype = ConfigCode::getCodes('UHAKTYPE', ['code' => $code_uhaktype])->first();
		if (isset($collection_code_uhaktype->code_id)) {
			$array_enlevel = ConfigCode::getCodes('ENLEVEL', ['parent_code_id' => $collection_code_uhaktype->code_id]);
		}
	}
@endphp

@push('head')
<style type="text/css">
	.form-group.el-group .code_en_level .pull-left{width:100%;}
	.form-group.el-group .code_en_level .pull-right{display:none;width:40%;}
	.form-group.el-group .code_en_level.required-grade .pull-left{width:60%;}
	.form-group.el-group .code_en_level.required-grade .pull-right{display:block;}
</style>
<script type="text/javascript">
	$(document).ready(function() {

		// form validate
		var form = $('section.{{ $element_key }}').closest('form');
		form.addValidateRules({
			mtel_number1:'required',
			mtel_number2:'required',
			mtel_number3:'required'
		});

		// 생년월일 datepicker setting
		var $birthday = $('section.{{ $element_key }} input[name=birthday]');
		if ($birthday.val()) {
			$birthday.val($birthday.val().replace(/^(\d{4}).?-?(\d{2}).?-?(\d{2})$/, '$1.$2.$3'));
		}
		$birthday.datepicker({
			endDate:'0d',
			startView:2
		});
	});
</script>
@endpush

<section class="{{ $element_key }}">
	{{-- process_client_enabled : process 등록 중 client관련 항목들에 대해 저장 활성화 flag --}}
	<input type="hidden" name="process_client_enabled" value="true"/>
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required">{{ Lang::get('template_process.word.student_name') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="text" class="form-control required" name="name" value="{{ $name or '' }}" placeholder="@isNotEqual($isLock, true, 'Please enter a student name.')" @readonly($isLock)/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required">{{ Lang::get('template_process.word.student_name_english') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<div class="clearfix">
					<div class="pull-left" style="width:60%">
						<input type="text" class="form-control required uppercase" name="en_fname" value="{{ $en_fname or '' }}" placeholder="@isNotEqual($isLock, true, 'First name')" @readonly($isLock)/>
					</div>
					<div class="pull-right" style="width:40%">
						<div class="close-marginL">
							<input type="text" class="form-control required uppercase" name="en_lname" value="{{ $en_lname or '' }}" placeholder="@isNotEqual($isLock, true, 'Last name')" @readonly($isLock)/>
						</div>
					</div>
				</div>
				<p class="text-muted text-caution">* {{ Lang::get('template_process.desc.enter_name_passport') }}</p>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required">{{ Lang::get('template_process.word.gender') }}</label>
		<div class="el-group-cont">
			<div class="input-block clearfix">
				<div class="checkboxradio inline-block has-success pull-left">
					<input type="radio" class="required" id="{{ $element_key }}_gender_M" name="gender" value="M" @isEqual($gender, 'M', 'checked') @readonly($isLock)/><label for="{{ $element_key }}_gender_M">{{ Lang::get('template_process.word.male') }}</label>
				</div>
				<div class="checkboxradio inline-block has-success pull-left">
					<input type="radio" class="required" id="{{ $element_key }}_gender_F" name="gender" value="F" @isEqual($gender, 'F', 'checked') @readonly($isLock)/><label for="{{ $element_key }}_gender_F">{{ Lang::get('template_process.word.female') }}</label>
				</div>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required">{{ Lang::get('template_process.word.date_of_birth') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="text" class="form-control form-date required" name="birthday" value="{{ $birthday or '' }}" placeholder="{{ isset($isLock) && $isLock ? '' : 'ex) '.date('Y.m.d') }}" @readonly($isLock)/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required">{{ Lang::get('template_process.word.email') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="email" class="form-control required" name="email" value="{{ $email or '' }}" maxlength="64" placeholder="{{ isset($isLock) && $isLock ? '' : 'ex) example@example.com' }}" @readonly($isLock)/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required">{{ Lang::get('template_process.word.mobile_phone_number.short') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				@include('template.form.input-mtelno', [
					'lock' => isset($isLock) && $isLock === true,
					'input_name' => 'mtel_number',
					'mtel_number' => isset($mtel_number) ? $mtel_number : ''
				])
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
@if (isset($code_uhaktype) && in_array($code_uhaktype, ['LANGUAGE', 'FORMAL', 'ART']))
	<div class="form-group el-group">
		<label class="el-group-title control-label">{{ Lang::get('template_process.word.ual_id') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="text" class="form-control student-number uppercase" name="student_number" value="{{ $student_number or '' }}" maxlength="32" @readonly($isLock)/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
    <div class="form-group el-group">
		<label class="el-group-title control-label">{{ Lang::get('template_process.word.ucas_id') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="text" class="form-control ucas-id uppercase" name="ucas_id" value="{{ $ucas_id or '' }}" maxlength="32" @readonly($isLock)/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
@endif
@if (isset($array_enlevel))
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required">{{ Lang::get('template_process.word.english_level') }}</label>
		<div class="el-group-cont">
			<div class="input-block clearfix code_en_level @isNotEqual($code_uhaktype, 'LANGUAGE', 'required-grade')">
				<div class="pull-left selectbox">
					<select class="form-control required" name="code_en_level" data-placeholder="{{ isset($isLock) && $isLock ? '' : (isset($code_uhaktype) && $code_uhaktype == 'LANGUAGE' ? 'English Level' : 'English Exam') }}" data-allow-clear="true" @readonly($isLock)>
						<option value=""></option>
					@foreach ($array_enlevel as $code)
						<option value="{{ $code->code }}" @isEqual($code_en_level, $code->code, 'selected')>{{ $code->name }}</option>
					@endforeach
					</select>
				</div>
				<div class="pull-right">
					<div class="close-marginL">
						<input type="number" class="form-control" name="grade_en_level" value="{{ $grade_en_level or '' }}" placeholder="@isNotEqual($isLock, true, 'Score')" @readonly($isLock)/>
					</div>
				</div>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
@endif
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required">{{ Lang::get('template_process.word.visa_type') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="text" class="form-control uppercase required" name="code_visatype" value="{{ $code_visatype or '' }}" placeholder="@isNotEqual($isLock, true, 'Please enter a visa type in English.')" @readonly($isLock)/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label">{{ Lang::get('template_process.word.notes') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<textarea class="textarea" name="process_memo" style="height:140px" placeholder="@isNotEqual($isLock, true, 'Please enter notes.')" @readonly($isLock)>{{ $memo or '' }}</textarea>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
</section>