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


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

	$code_bank = ConfigCode::getCodes('BANK');
	if (isset($info_agency)) {
		$bank_account = $info_agency->bank_account;
	}
@endphp

@push('head')
<style type="text/css">
	.form-group.el-group .help-block-error.address{vertical-align:top;}
	.form-group.el-group .help-block-error>div{height:34px;padding:7px 0;line-height:20px;}
	.form-group.el-group .help-block-error .address1,.form-group.el-group .help-block-error .address2{margin-top:6px;}
	.form-group.el-group.person-in-charge .form-group{margin-bottom:0;}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		var section = $('section.{{ $element_key }}');

		// form validate
		section.closest('form').addValidateRules({
			loginid:{
                remote:{
                	type:'get',
                	url:'{{ URL::route('agency.register.validation', 'loginid') }}?json=true',
                	dataType:'text',
                	data:{
                		except:'{{ $info_agent->loginid or '' }}'
                	},
                	dataFilter:function(response, type) {
                		var data = JSON.parse(response);
                		if (data.result == 'success') return true;
                		else return data.data.message;
                	}
                }
            },
            password:{
            	required:{{ isset($info_agent->password_exist) && $info_agent->password_exist ? 'false' : 'true' }}
            },
            password_confirmation:{
            	required:{{ isset($info_agent->password_exist) && $info_agent->password_exist ? 'false' : 'true' }},
            	passwordConfirmation:section.closest('form').find('input[name=password]')
            },
            biz_reg_number:{
            	maxlength:12
            }
		});

		// 사업자등록번호
		section.find('input.business-registration-number').bind({
			focus:function() {
				$(this).val($(this).val().replace(/[^0-9]/g, ''));
			},
			focusout:function() {
				var number = $(this).val().replace(/[^0-9]/g, '');
				if (number.length >= 5) {
					number = number.replace(/^(\d{3})(\d{2})(\d{0,5})/, '$1-$2-$3');
				} else if (number.length >= 3) {
					number = number.replace(/^(\d{3})(\d{0,2})/, '$1-$2');
				}
				$(this).val(number);
			}
		});

		// 전화 & 팩스번호
		section.find('input[name=tel_number],input[name=fax_number]').bind({
			focus:function() {
				$(this).val($(this).val().replace(/[^0-9]/g, ''));
			},
			focusout:function() {
				var match;
				var number = $(this).val().replace(/[^0-9]/g, '');
				if (match = number.match(/^(02)(\d{3,4})(\d{4})$/)) {
					number = match[1] + '-' + match[2] + '-' + match[3];
				} else if (match = number.match(/^(\d{3})(\d{3,4})(\d{4})$/)) {
					number = match[1] + '-' + match[2] + '-' + match[3];
				} else if (match = number.match(/^(\d{3,4})(\d{4})$/)) {
					number =match[1] + '-' + match[2];
				}
				$(this).val(number);
			}
		}).each(function() {
			if ($(this).val()) $(this).focusout();
		});

		// 담당자
		section.find('.person-in-charge .btn-add').click(function() {
			var index = 0, match;
			section.find('.person-in-charge > .form-group input').each(function() {
				match = $(this).attr('name').match(/\[(\d+)\]/);
				if (match) {
					index = match[1] * 1;
				}
			});

			var $item = section.find('.person-in-charge > .form-group:eq(0)').clone(true, true);
			var $this, name;
			$item.removeClass('has-error').find('input').each(function() {
				$this = $(this).val('');
				name = $this.attr('name').replace(/\[(\d+)\]/, '[' + (index + 1) + ']');
				$this.attr('name', name);
			});

			$item.appendTo(section.find('.person-in-charge'));
		});
		section.find('.person-in-charge .btn-delete').click(function() {
			if (section.find('.person-in-charge > .form-group').length <= 1) {
				alert('There should be at least one person in charge.');
				return;
			}
			$(this).closest('.form-group').remove();
		});
	});
</script>
@endpush

<section class="{{ $element_key }}">
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required" title="{{ Lang::get('template_agency.word.agency_id') }}">{{ Lang::get('template_agency.word.agency_id') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
			@if (isset($info_agent->loginid) && $info_agent->loginid && !Auth::isAccessAllowed(['master', 'agency']))
				<p class="form-control-static">{{ $info_agent->loginid }}</p>
			@else
				<input type="text" class="form-control required loginidValidate" name="loginid" value="{{ $info_agent->loginid or '' }}" minlength="5" maxlength="20" placeholder="Please enter an agency ID."/>
			@endif
			</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" title="{{ Lang::get('template_agency.word.password') }}">{{ Lang::get('template_agency.word.password') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="password" class="form-control passwordValidate" name="password" value="" minlength="8" placeholder="{{ isset($info_agent->password_exist) && $info_agent->password_exist ? 'Please enter when changing a password.' : 'Please enter your password.' }}" autocomplete="off"/>
			</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" title="{{ Lang::get('template_agency.word.re_enter_password') }}">{{ Lang::get('template_agency.word.re_enter_password') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="password" class="form-control" name="password_confirmation" value="" placeholder="{{ isset($info_agent->password_exist) && $info_agent->password_exist ? 'Please enter when changing a password.' : 'Please enter your password.' }}" autocomplete="off"/>
			</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" title="{{ Lang::get('template_agency.word.agency_name') }}">{{ Lang::get('template_agency.word.agency_name') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="text" class="form-control required" name="name" value="{{ $info_agency->name or '' }}" placeholder="Please enter an agency name."/>
			</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" title="{{ Lang::get('template_agency.word.email') }}">{{ Lang::get('template_agency.word.email') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="email" class="form-control required" name="email" value="{{ $info_agency->email or '' }}" maxlength="64" placeholder="Please enter an email address."/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
@if (Auth::isAccessAllowed(['master', 'agency']))
	<div class="form-group el-group">
		<label class="el-group-title control-label icon-required" title="{{ Lang::get('template_agency.word.admission_type') }}">{{ Lang::get('template_agency.word.admission_type') }}</label>
		<div class="el-group-cont">
			<div class="input-block clearfix">
				@foreach (ConfigCode::getCodes('ADMISSION_TYPE') as $code)
					<div class="checkboxradio inline-block has-success pull-left" style="margin:0;width:40%">
						<input type="checkbox" class="code_admission_type" id="{{ $element_key }}_code_admission_type_{{ $code->code }}" name="code_admission_type[]" value="{{ $code->code }}" {{ isset($info_agent->code_admission_type) && in_array($code->code, explode(',', $info_agent->code_admission_type)) ? 'checked' : '' }}/>
						<label for="{{ $element_key }}_code_admission_type_{{ $code->code }}">{{ $code->name }}</label>
					</div>
				@endforeach
			</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" title="{{ Lang::get('template_agency.word.approval_status') }}">{{ Lang::get('template_agency.word.approval_status') }}</label>
		<div class="el-group-cont">
			<div class="input-block clearfix">
				<div class="checkboxradio inline-block has-success pull-left" style="margin:0;width:40%">
					<input type="radio" class="required" id="{{ $element_key }}_auth_check_Y" name="auth_check" value="Y" @isEqual($info_agency->auth_check, 'Y', 'checked')/><label for="{{ $element_key }}_auth_check_Y">{{ Lang::get('template_agency.word.approved') }}</label>
				</div>
				<div class="checkboxradio inline-block has-warning pull-left" style="margin:0;width:40%">
					<input type="radio" class="required" id="{{ $element_key }}_auth_check_N" name="auth_check" value="N" @isNotEqual($info_agency->auth_check, 'Y', 'checked')/><label for="{{ $element_key }}_auth_check_N">{{ Lang::get('template_agency.word.unapproved') }}</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" title="{{ Lang::get('template_agency.word.availability_status') }}">{{ Lang::get('template_agency.word.availability_status') }}</label>
		<div class="el-group-cont">
			<div class="input-block clearfix">
				<div class="checkboxradio inline-block has-success pull-left" style="margin:0;width:40%">
					<input type="radio" class="required" id="{{ $element_key }}_use_check_Y" name="use_check" value="Y" @isNotEqual($info_agency->use_check, 'N', 'checked')/><label for="{{ $element_key }}_use_check_Y">{{ Lang::get('template_agency.word.available') }}</label>
				</div>
				<div class="checkboxradio inline-block has-warning pull-left" style="margin:0;width:40%">
					<input type="radio" class="required" id="{{ $element_key }}_use_check_N" name="use_check" value="N" @isEqual($info_agency->use_check, 'N', 'checked')/><label for="{{ $element_key }}_use_check_N">{{ Lang::get('template_agency.word.unavailable') }}</label>
				</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"  title="{{ Lang::get('template_agency.word.director_name') }}">{{ Lang::get('template_agency.word.director_name') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="text" class="form-control required" name="ceo_name" value="{{ $info_agency->ceo_name or '' }}" placeholder="Please enter a director name."/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label" title="{{ Lang::get('template_agency.word.business_registration_number') }}">{{ Lang::get('template_agency.word.business_registration_number.short') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="text" class="form-control business-registration-number" name="biz_reg_number" value="{{ $info_agency->biz_reg_number or '' }}" maxlength="10" placeholder="ex) 1234567890"/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label" title="{{ Lang::get('template_agency.word.phone_number') }}">{{ Lang::get('template_agency.word.phone_number') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="tel" class="form-control" name="tel_number" value="{{ $info_agency->tel_number or '' }}" placeholder="ex) 0212345678"/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group" style="margin-top : -15px;">
		<label class="el-group-title control-label"></label>
		<div class="el-group-cont">
			<div class="input-block" style="font-weight: bold">
				* {{ Lang::get('template_agency.word.phone_number_info') }}
			</div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label" title="{{ Lang::get('template_agency.word.fax_number') }}">{{ Lang::get('template_agency.word.fax_number') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<input type="tel" class="form-control" name="fax_number" value="{{ $info_agency->fax_number or '' }}" placeholder="ex) 0212345678"/>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label" title="{{ Lang::get('template_agency.word.mobile_phone_number') }}">{{ Lang::get('template_agency.word.mobile_phone_number') }}</label>
		<div class="el-group-cont">
			<div class="input-block clearfix">
				<div class="pull-left" style="width:70%">
					<div class="close-marginR">
					@include('template.form.input-mtelno', [
						'lock' => false,
						'input_name' => 'mtel_number',
						'mtel_number' => isset($info_agency->mtel_number) ? $info_agency->mtel_number : ''
					])
					</div>
				</div>
				<div class="pull-right" style="width:30%">
					<div class="close-marginL">
						<input type="text" class="form-control" name="mtel_name" value="{{ $info_agency->mtel_name or '' }}" placeholder="Name"/>
					</div>
				</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" title="{{ Lang::get('template_agency.word.address') }}">{{ Lang::get('template_agency.word.address') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				@include('template.form.input-address', [
					'lock' => false,
					'zipcode' => isset($info_agency->zipcode) ? $info_agency->zipcode : '',
					'address1' => isset($info_agency->address1) ? $info_agency->address1 : '',
					'address2' => isset($info_agency->address2) ? $info_agency->address2 : ''
				])
			</div>
			<div class="help-block help-block-error address">
				<div class="zipcode"></div>
				<div class="address1"></div>
				<div class="address2"></div>
			</div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label" title="{{ Lang::get('template_agency.word.account_information') }}">{{ Lang::get('template_agency.word.account_information') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<div class="ui-bank_account">
					<div class="bank_info clearfix">
						<div class="pull-left selectbox display-searchbox" style="width:55%">
							<select class="form-control" name="bank_name" data-placeholder="Bank">
								<option></option>
							@foreach ($code_bank as $code)
								<option value="{{ $code->code }}" @isEqual($bank_account->bank_name, $code->code, 'selected')>{{ $code->name }}</option>
							@endforeach
							@php ($has_other_bank_name = isset($bank_account->bank_name) && $bank_account->bank_name && !$code_bank->pluck('code')->contains($bank_account->bank_name))
								<option value="{{ $has_other_bank_name ? $bank_account->bank_name : ' ' }}" class="input-direct" data-text="Other (Please specify)" {{ $has_other_bank_name ? 'selected' : '' }}>Other</option>
							</select>
						</div>
						<div class="pull-right" style="width:45%">
							<div class="close-marginL">
								<input type="text" class="form-control" name="account_name" value="{{ $info_agency->bank_account->account_name or '' }}" placeholder="Account Holder"/>
							</div>
						</div>
					</div>
					<div class="account_number close-marginT">
						<input type="tel" class="form-control" name="account_number" value="{{ $info_agency->bank_account->account_number or '' }}" placeholder="Account Number"/>
					</div>
				</div>
			</div>
			<div class="help-block help-block-error">
				<div class="bank_name account_name"></div>
				<div class="account_number"></div>
			</div>
		</div>
	</div>
	<div class="form-group el-group person-in-charge">
		<label class="el-group-title control-label  icon-required" title="{{ Lang::get('template_agency.word.person_in_charge') }}">{{ Lang::get('template_agency.word.person_in_charge') }}</label>
		<div class="el-group-cont">
			<div class="input-block" style="display:flex">
				<button type="button" class="btn btn-success btn-add">{{ Lang::get('template_agency.word.person_in_charge_add') }}</button>
			</div>
		</div>
		@php
			if (isset($info_agency) && $info_agency->agencyStaffs->count()) {
				$agencyStaffs = $info_agency->agencyStaffs;
			} else {
				$agencyStaffs = collect();
				$agencyStaffs->push([]);
			}
		@endphp
		@foreach ($agencyStaffs as $idx => $staff)
			<div class="form-group el-group close-marginT">
				<div class="el-group-cont">
					<div class="input-block" style="display:flex">
						<div class="clearfix close-marginR" style="flex:1 1 auto">
							<input type="hidden" name="agency_staff_id[{{ $idx }}]" value="{{ $staff['agency_staff_id'] or '' }}"/>
							<div class="pull-left" style="width:40%">
								<input type="text" class="form-control required" name="staff_name[{{ $idx }}]" value="{{ $staff['name'] or '' }}" maxlength="32" placeholder="Name"/>
							</div>
							<div class="pull-right" style="width:60%">
								<div class="close-marginL">
									<input type="email" class="form-control required" name="staff_email[{{ $idx }}]" value="{{ $staff['email'] or '' }}" maxlength="64" placeholder="Please enter an email address."/>
								</div>
							</div>
						</div>
						<div class="close-marginL">
							<button type="button" class="btn btn-danger btn-delete">{{ Lang::get('template_process.word.delete') }}</button>
						</div>
					</div>
					<div class="help-block help-block-error">
					</div>
				</div>
			</div>
		@endforeach
	</div>
	<div class="form-group el-group"  style="margin-top : -15px;">
		<label class="el-group-title control-label" ></label>
		<div class="el-group-cont">
			<div class="input-block" style="font-weight: bold;">
				* {{ Lang::get('template_agency.word.staff_info') }}
			</div>
		</div>
	</div>
@php
	$files = [];

	if (isset($info_agency)) {
		$agencyFile = $info_agency->file;
		if (isset($agencyFile)) {
			foreach ($agencyFile as $f) {
				$files[$f->category] = [
					'file_id' => $f->agency_file_id,
					'download' => URL::route('file.upload.download', ['agency', $f->agency_file_id]),
					'ext' => $f->ext,
					'name' => $f->name,
					'size' => $f->size,
					'delete_enabled' => true,
				];
			}
		}
	}
@endphp
	<div class="form-group el-group">
		<label class="el-group-title control-label" title="{{ Lang::get('template_agency.word.logo_upload') }}">{{ Lang::get('template_agency.word.logo_upload') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				@include('template.form.input-fileupload', [
					'multiple' => false,
					'file' => isset($files['logo']) ? [$files['logo']] : [],
					'invisible' => ['preview', 'category', 'register'],
					'addData' => ['file_category[]' => 'logo']
				])
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
	<div class="form-group el-group">
		<label class="el-group-title control-label" title="{{ Lang::get('template_agency.word.business_registration_certificate_upload') }}">{{ Lang::get('template_agency.word.business_registration_certificate_upload') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				@include('template.form.input-fileupload', [
					'multiple' => false,
					'file' => isset($files['biz_reg_cert']) ? [$files['biz_reg_cert']] : [],
					'invisible' => ['preview', 'category', 'register'],
					'addData' => ['file_category[]' => 'biz_reg_cert']
				])
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
@if (isLogin())
	<div class="form-group el-group">
		<label class="el-group-title control-label" title="{{ Lang::get('template_agency.word.agreement_upload') }}">{{ Lang::get('template_agency.word.agreement_upload') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				@include('template.form.input-fileupload', [
					'multiple' => false,
					'file' => isset($files['contract']) ? [$files['contract']] : [],
					'invisible' => ['preview', 'category', 'register'],
					'addData' => ['file_category[]' => 'contract']
				])
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
@endif
@if (isLogin('staff'))
	<div class="form-group el-group">
		<label class="el-group-title control-label" title="{{ Lang::get('template_agency.word.notes') }}">{{ Lang::get('template_agency.word.notes') }}</label>
		<div class="el-group-cont">
			<div class="input-block">
				<textarea class="textarea" name="memo" style="height:140px" placeholder="Please enter notes.">{{ $info_agency->memo or '' }}</textarea>
			</div>
			<div class="help-block help-block-error"></div>
		</div>
	</div>
@endif
	@if(request()->is('auth/register'))
		<p style="font-weight: bold; color : red;text-align: center; margin-top : 20px; font-size : 16px;margin-bottom : -20px;">* {{ Lang::get('template_agency.word.document_alert') }}</p>
	@endif
</section>