{extend name="../../base/view/common/base" /}
<!-- Body -->
{block name="body"}
<form class="layui-form p-page">
	<h3 class="pb-2">Onboarding Approval Info{eq name="$detail.status" value="2"}<span class="blue">[Onboarded]</span>{/eq}</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</td>
			<td>{$detail.mobile|default=''}</td>
			<td class="layui-td-gray">Email</td>
			<td>{$detail.email|default='-'}</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>
			<td class="layui-td-gray">Department</td>
			<td>{$detail.department|default='-'}</td>
			<td class="layui-td-gray">Supervisor</td>
			<td>{$detail.pname|default='-'}</td>
			<td class="layui-td-gray">Entry Date</td>
			<td>{$detail.entry_time|default='-'}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Position Title</td>
			<td>{$detail.position|default='-'}</td>
			<td class="layui-td-gray">Job Role</td>
			<td>{$detail.position_name_str|default='-'}</td>
			<td class="layui-td-gray">Job Level</td>
			<td>{$detail.position_rank_str|default='-'}</td>
		</tr>
	</table>
	<div id="checkBox" data-status="{$detail.check_status}" data-id="{$detail.id}" data-checkflowid="{$detail.check_flow_id}" class="pt-3"></div>
</form>
{/block}
<!-- /Body -->

<!-- Script -->
{block name="script"}
<script>
	const moduleInit = ['tool','oaCheck'];
	const id = {$detail.id};
	function gouguInit() {
		var form = layui.form,tool=layui.tool,oaCheck=layui.oaCheck;	
		oaCheck.init({
			check_name:'talent',
			check_reversed:null
		});
	}
</script>
{/block}
<!-- /Script -->