@version(2)
@php
use Zittme\Modules\Recruit\Models\Config as RcConfig;
@endphp
@load('css/recruit.css')
@load('js/recruit.js')
@php
use Zittme\Modules\Recruit\Models\Config;

$rc_edu = $prefill_edu ?? [];
$rc_career = $prefill_career ?? [];
$rc_license = $prefill_license ?? [];
$rc_grads = \Zittme\Modules\Recruit\Models\Config::gradStates();
@endphp

<div class="rc rc-form-page">
	<p class="rc-back"><a href="{{ getUrl('', 'mid', $recruit_mid, 'act', 'dispRecruitJob', 'job_srl', $job->job_srl) }}">{{ $lang->recruit_sk_back_to_job }}</a></p>

	<div class="rc-head">
		<div>
			<h1>{{ $lang->recruit_sk_apply_title }}</h1>
			<p>{{ $job->title }}</p>
		</div>
	</div>

	<form class="rc-form" method="post" action="{{ getUrl() }}" enctype="multipart/form-data">
		<input type="hidden" name="module" value="recruit" />
		<input type="hidden" name="act" value="procRecruitApply" />
		<input type="hidden" name="mid" value="{{ $recruit_mid }}" />
		<input type="hidden" name="job_srl" value="{{ $job->job_srl }}" />

		<fieldset class="rc-fs">
			<legend>{{ $lang->recruit_fs_basic }}</legend>

			<div class="rc-grid">
				<label class="rc-field">
					<span>{{ $lang->recruit_sk_name }} <em>{{ $lang->recruit_required }}</em></span>
					<input type="text" name="name" required value="{{ $prefill->name ?? ($logged_info->user_name ?? '') }}" />
				</label>

				<label class="rc-field">
					<span>{{ $lang->recruit_sk_birthday }}</span>
					<input type="date" name="birthday" max="{{ date('Y-m-d') }}" value="{{ RcConfig::inputDate($prefill->birthday ?? '') }}" />
				</label>

				<label class="rc-field">
					<span>{{ $lang->recruit_sk_phone }} <em>{{ $lang->recruit_required }}</em></span>
					<input type="tel" name="phone" required placeholder="010-0000-0000" value="{{ $prefill->phone ?? '' }}" />
				</label>

				<label class="rc-field">
					<span>{{ $lang->recruit_sk_email }} <em>{{ $lang->recruit_required }}</em></span>
					<input type="email" name="email" required value="{{ $prefill->email ?? ($logged_info->email_address ?? '') }}" />
				</label>

				<label class="rc-field">
					<span>{{ $lang->recruit_sk_gender }}</span>
					<select name="gender">
						<option value="">{{ $lang->recruit_sk_not_selected }}</option>
						<option value="F">{{ $lang->recruit_sk_female }}</option>
						<option value="M">{{ $lang->recruit_sk_male }}</option>
					</select>
				</label>

				<label class="rc-field rc-field-wide">
					<span>{{ $lang->recruit_sk_address }}</span>
					<input type="text" name="address" value="" />
				</label>
			</div>
		</fieldset>

		<fieldset class="rc-fs">
			<legend>{{ $lang->recruit_f_education }}</legend>
			<div class="rc-repeat" data-rc-repeat="edu">
				@php $rc_rows = count($rc_edu) ? $rc_edu : [null]; @endphp
				@foreach ($rc_rows as $rc_row)
				<div class="rc-repeat-row">
					<label class="rc-field"><span>{{ $lang->recruit_sk_school }}</span><input type="text" name="edu_school[]" value="{{ $rc_row->school ?? '' }}" /></label>
					<label class="rc-field"><span>{{ $lang->recruit_sk_major }}</span><input type="text" name="edu_major[]" value="{{ $rc_row->major ?? '' }}" /></label>
					<label class="rc-field rc-field-sm"><span>{{ $lang->recruit_sk_degree }}</span><input type="text" name="edu_degree[]" placeholder="{{ $lang->recruit_sk_ph_degree }}" value="{{ $rc_row->degree ?? '' }}" /></label>
					<label class="rc-field rc-field-sm"><span>{{ $lang->recruit_sk_edu_start }}</span><input type="month" name="edu_start_ym[]" placeholder="2020-03" value="{{ RcConfig::inputDate($rc_row->start_ym ?? '') }}" /></label>
					<label class="rc-field rc-field-sm"><span>{{ $lang->recruit_sk_edu_end }}</span><input type="month" name="edu_end_ym[]" placeholder="2020-03" value="{{ RcConfig::inputDate($rc_row->end_ym ?? '') }}" /></label>
					<label class="rc-field rc-field-sm">
						<span>{{ $lang->recruit_sk_grad_state }}</span>
						<select name="edu_grad_state[]">
							@foreach ($rc_grads as $rc_grad => $rc_grad_text)
							<option value="{{ $rc_grad }}" @if (\Zittme\Modules\Recruit\Models\Config::gradCode($rc_row->grad_state ?? '') === $rc_grad) selected @endif>{{ $rc_grad_text }}</option>
							@endforeach
						</select>
					</label>
					<label class="rc-field rc-field-sm"><span>{{ $lang->recruit_sk_score }}</span><input type="text" name="edu_score[]" placeholder="3.8/4.5" value="{{ $rc_row->score ?? '' }}" /></label>
					<button type="button" class="rc-repeat-del" data-rc-del aria-label="{{ $lang->recruit_sk_del_row }}">&times;</button>
				</div>
				@endforeach
			</div>
			<button type="button" class="rc-btn rc-btn-line rc-btn-sm" data-rc-add="edu">{{ $lang->recruit_sk_add_edu }}</button>
		</fieldset>

		<fieldset class="rc-fs">
			<legend>{{ $lang->recruit_sk_career }}</legend>
			<p class="rc-help">{{ $lang->recruit_sk_career_help }}</p>
			<div class="rc-repeat" data-rc-repeat="career">
				@php $rc_rows = count($rc_career) ? $rc_career : [null]; @endphp
				@foreach ($rc_rows as $rc_row)
				<div class="rc-repeat-row is-block">
					<div class="rc-repeat-line">
						<label class="rc-field"><span>{{ $lang->recruit_sk_company }}</span><input type="text" name="career_company[]" value="{{ $rc_row->company ?? '' }}" /></label>
						<label class="rc-field"><span>{{ $lang->recruit_sk_dept }}</span><input type="text" name="career_dept_name[]" value="{{ $rc_row->dept_name ?? '' }}" /></label>
						<label class="rc-field rc-field-sm"><span>{{ $lang->recruit_sk_position }}</span><input type="text" name="career_position[]" value="{{ $rc_row->position ?? '' }}" /></label>
						<label class="rc-field rc-field-sm"><span>{{ $lang->recruit_sk_career_start }}</span><input type="month" name="career_start_ym[]" placeholder="2020-03" value="{{ RcConfig::inputDate($rc_row->start_ym ?? '') }}" /></label>
						<label class="rc-field rc-field-sm"><span>{{ $lang->recruit_sk_career_end }}</span><input type="month" name="career_end_ym[]" placeholder="2020-03" value="{{ RcConfig::inputDate($rc_row->end_ym ?? '') }}" /></label>
						{{-- 체크박스는 끈 줄이 아예 안 실려 다른 칸과 줄 수가 어긋난다. 고르기 칸으로 둔다 --}}
						<label class="rc-field rc-field-sm">
							<span>{{ $lang->recruit_sk_is_current }}</span>
							<select name="career_is_current[]">
								<option value="N" @if (($rc_row->is_current ?? 'N') !== 'Y') selected @endif>{{ $lang->recruit_sk_resigned }}</option>
								<option value="Y" @if (($rc_row->is_current ?? 'N') === 'Y') selected @endif>{{ $lang->recruit_sk_employed }}</option>
							</select>
						</label>
						<button type="button" class="rc-repeat-del" data-rc-del aria-label="{{ $lang->recruit_sk_del_row }}">&times;</button>
					</div>
					<label class="rc-field"><span>{{ $lang->recruit_sk_task }}</span><textarea name="career_task[]" rows="2">{{ $rc_row->task ?? '' }}</textarea></label>
				</div>
				@endforeach
			</div>
			<button type="button" class="rc-btn rc-btn-line rc-btn-sm" data-rc-add="career">{{ $lang->recruit_sk_add_career }}</button>
		</fieldset>

		<fieldset class="rc-fs">
			<legend>{{ $lang->recruit_sk_licenses }}</legend>
			<div class="rc-repeat" data-rc-repeat="license">
				@php $rc_rows = count($rc_license) ? $rc_license : [null]; @endphp
				@foreach ($rc_rows as $rc_row)
				<div class="rc-repeat-row">
					<label class="rc-field"><span>{{ $lang->recruit_sk_license_title }}</span><input type="text" name="license_title[]" value="{{ $rc_row->title ?? '' }}" /></label>
					<label class="rc-field"><span>{{ $lang->recruit_sk_issuer }}</span><input type="text" name="license_issuer[]" value="{{ $rc_row->issuer ?? '' }}" /></label>
					<label class="rc-field rc-field-sm"><span>{{ $lang->recruit_sk_license_no }}</span><input type="text" name="license_license_no[]" value="{{ $rc_row->license_no ?? '' }}" /></label>
					<label class="rc-field rc-field-sm"><span>{{ $lang->recruit_sk_issue_date }}</span><input type="date" name="license_issue_date[]" value="{{ RcConfig::inputDate($rc_row->issue_date ?? '') }}" /></label>
					<button type="button" class="rc-repeat-del" data-rc-del aria-label="{{ $lang->recruit_sk_del_row }}">&times;</button>
				</div>
				@endforeach
			</div>
			<button type="button" class="rc-btn rc-btn-line rc-btn-sm" data-rc-add="license">{{ $lang->recruit_sk_add_license }}</button>
		</fieldset>

		<fieldset class="rc-fs">
			<legend>{{ $lang->recruit_sk_about_me }}</legend>
			<label class="rc-field">
				<span>{{ $lang->recruit_sk_skills }}</span>
				<input type="text" name="skills" placeholder="{{ $lang->recruit_sk_ph_skills }}" value="{{ $prefill->skills ?? '' }}" />
			</label>
			<label class="rc-field">
				<span>{{ $lang->recruit_sk_cover_letter }}</span>
				<textarea name="cover_letter" rows="10" placeholder="{{ $lang->recruit_sk_ph_cover_letter }}"></textarea>
			</label>
		</fieldset>

		@if ($config->use_file === 'Y')
		<fieldset class="rc-fs">
			<legend>{{ $lang->recruit_sk_attachments }}</legend>
			<p class="rc-help">{{ $lang->recruit_sk_attach_help }}</p>
			<div class="rc-grid">
				<label class="rc-field"><span>{{ $lang->recruit_sk_file_resume }}</span><input type="file" name="recruit_file_resume" /></label>
				<label class="rc-field"><span>{{ $lang->recruit_sk_file_cover }}</span><input type="file" name="recruit_file_cover" /></label>
				<label class="rc-field"><span>{{ $lang->recruit_sk_file_portfolio }}</span><input type="file" name="recruit_file_portfolio" /></label>
				<label class="rc-field"><span>{{ $lang->recruit_sk_file_license }}</span><input type="file" name="recruit_file_license" /></label>
			</div>
		</fieldset>
		@endif

		<fieldset class="rc-fs">
			<legend>{{ $lang->recruit_sk_confirm }}</legend>

			@if (!$is_member)
			<label class="rc-field rc-field-half">
				<span>{{ $lang->recruit_sk_lookup_password }} <em>{{ $lang->recruit_required }}</em></span>
				<input type="password" name="password" required minlength="4" autocomplete="new-password" />
				<small>{{ $lang->recruit_sk_lookup_password_help }}</small>
			</label>
			@endif

			@if ($config->privacy_text)
			<div class="rc-privacy">{!! nl2br(escape($config->privacy_text)) !!}</div>
			@endif

			<label class="rc-check">
				<input type="checkbox" name="privacy_agree" value="Y" required />
				<span>{{ $lang->recruit_sk_privacy_agree }} <em>{{ $lang->recruit_required }}</em></span>
			</label>

			@if ($config->use_pool === 'Y')
			<label class="rc-check">
				<input type="checkbox" name="pool_agree" value="Y" />
				<span>{{ $lang->recruit_sk_pool_opt_in }}</span>
			</label>
			@endif
		</fieldset>

		<div class="rc-form-foot">
			<a class="rc-btn rc-btn-line" href="{{ getUrl('', 'mid', $recruit_mid, 'act', 'dispRecruitJob', 'job_srl', $job->job_srl) }}">{{ $lang->recruit_sk_cancel }}</a>
			<button type="submit" class="rc-btn rc-btn-primary rc-btn-lg">{{ $lang->recruit_sk_submit_apply }}</button>
		</div>
	</form>
</div>