{extend name="../../base/view/common/base" /}
<!-- Body -->
{block name="body"}
<form class="layui-form p-4">
	<h3 class="pb-3">Convert to Employee</h3>
	<table class="layui-table layui-table-form">
		<tr>
			<td colspan="6"><strong>Basic Information</strong></td>
		</tr>
		<tr>
			<td class="layui-td-gray">Employee Name</td>
			<td>{$detail.name|default=''}</td>
			<td class="layui-td-gray-2">Gender</td>
			<td>
				{eq name="$detail.sex" value="1"}Male{/eq}
				{eq name="$detail.sex" value="2"}Female{/eq}
			</td>
			<td rowspan="4" class="layui-td-gray-2">Photo</td>
			<td rowspan="4" valign="top" style="width: 180px;">
				<div class="layui-upload" style="width: 180px;">
					<div class="layui-upload-list" id="uploadThumb" style="width: 100%; height:150px; overflow: hidden;">
						<img src="{:get_file($detail.thumb)}" height="150" style="max-width: 100%;" />
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Mobile<font>*</font></td>
			<td><input type="text" name="mobile" value="{$detail.mobile|default=''}" lay-verify="required|phone" lay-reqText="Please enter a valid mobile number" placeholder="You can use this to log in" class="layui-input"></td>
			<td class="layui-td-gray">Email</td>
			<td><input type="text" name="email" value="{$detail.email|default=''}" lay-verify="email" placeholder="Please enter an email" class="layui-input"></td>
		</tr>
		<tr>
			<td class="layui-td-gray">Date of Birth</td>
			<td>{$detail.birthday|default='-'}</td>
			<td class="layui-td-gray">ID Number</td>
			<td>{$detail.idcard|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Ethnicity</td>
			<td>{$detail.nation|default='-'}</td>
			<td class="layui-td-gray">Place of Origin</td>
			<td>{$detail.native_place|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Political Status</td>
			<td>
				{eq name="$detail.political" value="0"}None{/eq}
				{eq name="$detail.political" value="1"}Party Member{/eq}
				{eq name="$detail.political" value="2"}League Member{/eq}
			</td>
			<td class="layui-td-gray">Marital Status</td>
			<td>
				{eq name="$detail.marital_status" value="1"}Single{/eq}
				{eq name="$detail.marital_status" value="2"}Married{/eq}
			</td>
			<td class="layui-td-gray">First Work Date</td>
			<td>{$detail.work_date|default='-'}</td>
		</tr>
		<tr>		
			<td class="layui-td-gray">Household Type</td>
			<td>
				{eq name="$detail.resident_type" value="1"}Rural{/eq}
				{eq name="$detail.resident_type" value="2"}Urban{/eq}
			</td>
			<td class="layui-td-gray">Registered Address</td>
			<td colspan="3">{$detail.resident_place|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Home Address</td>
			<td colspan="3">{$detail.home_address|default='-'}</td>
			<td class="layui-td-gray">Emergency Contact</td>
			<td>{$detail.contact|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Current Address</td>
			<td colspan="3">{$detail.current_address|default='-'}</td>
			<td class="layui-td-gray">Emergency Phone</td>
			<td>{$detail.contact_mobile|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Profile</td>
			<td colspan="5">{$detail.desc|default='-'}</td>
		</tr>
		<tr>
			<td colspan="6"><strong>Education</strong></td>
		</tr>
		<tr>
			<td class="layui-td-gray">School</td>
			<td colspan="3">{$detail.graduate_school|default='-'}</td>
			<td class="layui-td-gray">Graduation Date</td>
			<td>{$detail.graduate_day|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Major</td>
			<td colspan="3">{$detail.speciality|default='-'}</td>
			<td class="layui-td-gray">Highest Degree</td>
			<td>{$detail.education|default='-'}</td>
		</tr>
		<tr>
			<td colspan="6"><strong>Onboarding Details</strong></td>
		</tr>
		<tr>
			<tr>
				<td class="layui-td-gray">Department<font>*</font></td>
				<td><select id="to_did" name="to_did" xm-selected="{$detail.to_did|default=''}" xm-select="select1" xm-select-skin="default" xm-select-radio="true" lay-verify="required" lay-reqText="Please select a department"></select></td>
				<td class="layui-td-gray">Supervisor</td>
				<td>
					<input type="text" name="pname" readonly placeholder="Please select" class="layui-input picker-admin" value="{$detail.pname|default=''}">
					<input type="hidden" name="pid" value="{$detail.pid|default=''}">
				</td>
				<td class="layui-td-gray">Entry Date<font>*</font></td>
				<td><input type="text" name="entry_time" value="{$detail.entry_time|default=''}" readonly placeholder="Please select" class="layui-input tool-time"></td>
			</tr>
			<td class="layui-td-gray">Position Title<font>*</font></td>
			<td>
				<select name="position_id" lay-verify="required" lay-reqText="Please select a position title">
					<option value="">Please select</option>
					{volist name="$position" id="v"}
						<option value="{$v.id}" {eq name="$v.id" value="$detail.position_id"}selected{/eq}>{$v.title}</option>
					{/volist}
				</select>	
			</td>
			<td class="layui-td-gray">Job Role<font>*</font></td>
			<td>
				<select name="position_name" lay-verify="required" lay-reqText="Please select a job role">
					<option value="">Please select</option>
					{volist name=":get_base_type_data('basic_user',1)" id="v"}
					<option value="{$v.id}" {eq name="$detail.position_name" value="$v.id"} selected{/eq}>{$v.title}</option>
					{/volist}
				</select>
			</td>
			<td class="layui-td-gray">Job Level<font>*</font></td>
			<td>
				<select name="position_rank" lay-verify="required" lay-reqText="Please select a job level">
					<option value="">Please select</option>
					{volist name=":get_base_type_data('basic_user',2)" id="v"}
					<option value="{$v.id}" {eq name="$detail.position_rank" value="$v.id"} selected{/eq}>{$v.title}</option>
					{/volist}
				</select>
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Employee Type<font>*</font></td>
			<td>
				<input type="radio" name="type" value="1" title="Regular" {eq name="$detail.type" value="1"} checked{/eq}>
				<input type="radio" name="type" value="2" title="Probation" {eq name="$detail.type" value="2"} checked{/eq}>
				<input type="radio" name="type" value="3" title="Intern" {eq name="$detail.type" value="3"} checked{/eq}>
			</td>
			<td class="layui-td-gray">Identity Type<font>*</font></td>
			<td>
				<input type="radio" name="is_staff" value="1" title="Company Employee" {eq name="$detail.is_staff" value="1"} checked{/eq}>
				<input type="radio" name="is_staff" value="2" title="Labor Dispatch" {eq name="$detail.is_staff" value="2"} checked{/eq}>
				<input type="radio" name="is_staff" value="3" title="Part-time" {eq name="$detail.is_staff" value="3"} checked{/eq}>
			</td>
			<td class="layui-td-gray">Employee No.</td>
			<td><input type="text" name="job_number" value="{$detail.job_number|default=''}" autocomplete="off" placeholder="Please enter" class="layui-input"></td>
		</tr>
		<tr>
			<td class="layui-td-gray">Onboarding Comments</td>
			<td colspan="5">
				<textarea name="remark" placeholder="Please enter comments" class="layui-textarea">{$detail.remark|default=''}</textarea>
			</td>
		</tr>
	</table>
	{eq name="$detail.status" value="1"}
	<div class="pt-4">
		<input type="hidden" value="{$detail.id|default=0}" name="id">
		<input type="hidden" value="{$detail.to_did|default=0}" name="to_did">
		<input type="hidden" name="reg_pwd" value="{$reg_pwd}" lay-verify="required">
		<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">Submit</button>
		<button type="reset" class="layui-btn layui-btn-primary">Reset</button>
	</div>
	{/eq}
</form>
{/block}
<!-- /Body -->

<!-- Script -->
{block name="script"}
<script>
	const moduleInit = ['tool','formSelects','oaPicker'];
	function gouguInit() {
		var form = layui.form,tool=layui.tool,formSelects=layui.formSelects;
		// Select department
		var selected_a = $('#to_did').attr('xm-selected');
		formSelects.data('select1', 'server', {
			url: '/api/index/get_department_select',
			keyword: selected_a
		});
		// Listen for submit
		form.on('submit(webform)', function(data){
			let callback = function (e) {
				layer.msg(e.msg);
				if (e.code == 0) {
					//tool.sideClose(1000);
					parent.location.reload();
				}
			}
			tool.post("/user/talent/set", data.field, callback);
			return false;
		});
	}

</script>
{/block}
<!-- /Script -->