{extend name="../../base/view/common/base" /}
{block name="style"}
<style>
.tr-none td{padding:20px 0; color:#999;}
</style>
{/block}
<!-- Body -->
{block name="body"}
<form class="layui-form p-4">
	<h3 class="pb-2">{$detail.name} Employee Record Details</h3>
	<table class="layui-table layui-table-form">
		<tr>
			<td colspan="8"><strong>Basic Information</strong></td>
		</tr>
		<tr>
			<td class="layui-td-gray">Name</td>
			<td>{$detail.name}</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="6" class="layui-td-gray-2">Avatar</td>
			<td rowspan="6" valign="top" style="width: 180px;">
				<div class="layui-upload" style="width: 180px;">
					<img src="{$detail.thumb}" style="max-width: 100%;" />
				</div>
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Birth Date</td>
			<td>{$detail.birthday}</td>
			<td class="layui-td-gray">ID Card No.</td>
			<td>{$detail.idcard}</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"}Youth 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>
		</tr>
		<tr>
			<td class="layui-td-gray">Ethnicity</td>
			<td>{$detail.nation}</td>
			<td class="layui-td-gray">Native Place</td>
			<td>{$detail.native_place}</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>{$detail.resident_place}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">School</td>
			<td>{$detail.graduate_school}</td>
			<td class="layui-td-gray">Graduation Date</td>
			<td>{$detail.graduate_day}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Highest Degree</td>
			<td>{$detail.education}</td>
			<td class="layui-td-gray">Major</td>
			<td>{$detail.speciality}</td>
			<td class="layui-td-gray">Work Start Date</td>
			<td>{$detail.work_date}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Home Address</td>
			<td>{$detail.home_address}</td>
			<td class="layui-td-gray">Mobile</td>
			<td>{$detail.mobile}</td>
			<td class="layui-td-gray">Email</td>
			<td>{$detail.email}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Current Address</td>
			<td>{$detail.current_address}</td>
			<td class="layui-td-gray">Emergency Contact</td>
			<td>{$detail.contact}</td>
			<td class="layui-td-gray">Emergency Phone</td>
			<td>{$detail.contact_mobile}</td>
		</tr>

		<tr>
			<td class="layui-td-gray">Profile</td>
			<td colspan="7">
				{$detail.desc|default=''}
			</td>
		</tr>
		<tr>
			<td colspan="8"><strong>Employment Information</strong></td>
		</tr>
		<tr>
			<td class="layui-td-gray">Department</td>
			<td>{$detail.department}</td>
			<td class="layui-td-gray">Supervisor</td>
			<td>{$detail.pname|default='None'}</td>
			<td class="layui-td-gray">Position</td>
			<td>{$detail.position}</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Entry Date</td>
			<td>{$detail.entry_time|date='Y-m-d'}</td>
			<td class="layui-td-gray">Job Title</td>
			<td>
				{volist name=":get_base_type_data('basic_user',1)" id="v"}
				{eq name="$detail.position_name" value="$v.id"}{$v.title}{/eq}
				{/volist}
			</td>
			<td class="layui-td-gray">Job Level</td>
			<td>
				{volist name=":get_base_type_data('basic_user',2)" id="v"}
				{eq name="$detail.position_rank" value="$v.id"}{$v.title}{/eq}
				{/volist}
			</td>
		</tr>
		<tr>
			<td class="layui-td-gray">Employee Type</td>
			<td>
				{eq name="$detail.type" value="3"}Intern{/eq}
				{eq name="$detail.type" value="2"}Probation{/eq}
				{eq name="$detail.type" value="1"}Full-time{/eq}
				, 
				{eq name="$detail.is_staff" value="1"}Company staff{/eq}
				{eq name="$detail.is_staff" value="2"}Labor dispatch{/eq}
				{eq name="$detail.is_staff" value="3"}Part-time{/eq}
			</td>
			<td class="layui-td-gray">Employee No.</td>
			<td>{$detail.job_number}</td>
			<td class="layui-td-gray">Social Security No.</td>
			<td>{$detail.social_account}</td>
		</tr>
		<tr>
			<td class="layui-td-gray-2">Salary Bank</td>
			<td>{$detail.bank_info}</td>
			<td class="layui-td-gray">Salary Account</td>
			<td>{$detail.bank_account}</td>
			<td class="layui-td-gray">Provident Fund No.</td>
			<td>{$detail.provident_account}</td>
		</tr>
		{notempty name="$edu"}
		<tr>
			<td colspan="8"><strong>Education</strong></td>
		</tr>
		<tr>
			<td colspan="8">
				<table id="edu_table" class="layui-table layui-table-min" style="margin:0">
					<tr>
						<th width="150">Start Date</th>
						<th width="150">End Date</th>
						<th width="200">School</th>
						<th width="150">Major</th>
						<th width="100">Degree</th>
						<th>Remarks</th>
					</tr>
					{volist name="$edu" id="v"}
						<tr class="edu_interfix">
							<td>{$v.start_time}</td>
							<td>{$v.end_time}</td>
							<td>{$v.title}</td>
							<td>{$v.speciality}</td>
							<td>{$v.education}</td>
							<td style="text-align:left;">{$v.remark}</td>
						</tr>
					{/volist}
				</table>
			</td>
		</tr>
		{/notempty}
		{notempty name="$work"}
		<tr>
			<td colspan="8"><strong>Work Experience</strong></td>
		</tr>
		<tr>
			<td colspan="8">
				<table id="work_table" class="layui-table layui-table-min" style="margin:0">
					<tr>
						<th width="150">Start Date</th>
						<th width="150">End Date</th>
						<th width="200">Company</th>
						<th width="100">Job Title</th>
						<th>Remarks</th>
					</tr>
					{volist name="$work" id="v"}
						<tr class="work_interfix">
							<td>{$v.start_time}</td>
							<td>{$v.end_time}</td>
							<td>{$v.title}</td>
							<td>{$v.position}</td>
							<td style="text-align:left;">{$v.remark}</td>
						</tr>
					{/volist}
				</table>
			</td>
		</tr>
		{/notempty}
		{notempty name="$certificate"}
		<tr>
			<td colspan="8"><strong>Certificates</strong></td>
		</tr>
		<tr>
			<td colspan="8">
				<table id="certificate_table" class="layui-table layui-table-min" style="margin:0">
					<tr>
						<th width="150">Certificate</th>
						<th width="150">Issued Date</th>
						<th width="200">Issuing Organization</th>
						<th>Remarks</th>
					</tr>
					{volist name="$certificate" id="v"}
						<tr class="certificate_interfix">
							<td>{$v.title}</td>
							<td>{$v.start_time}</td>
							<td>{$v.authority}</td>
							<td style="text-align:left;">{$v.remark}</td>
						</tr>
					{/volist}
				</table>
			</td>
		</tr>
		{/notempty}
		{notempty name="$certificate"}
		<tr>
			<td colspan="8"><strong>Computer Skills</strong></td>
		</tr>
		<tr>
			<td colspan="8">
				<table id="skills_table" class="layui-table layui-table-min" style="margin:0">
					<tr>
						<th width="200">Skill</th>
						<th width="150">Proficiency</th>
						<th>Remarks</th>
					</tr>
					{volist name="$skills" id="v"}
					<tr class="skills_interfix">
						<td>{$v.title}</td>
						<td>
							{eq name="$v.know" value="1"}Expert{/eq}
							{eq name="$v.know" value="2"}Good{/eq}
							{eq name="$v.know" value="3"}Fair{/eq}
							{eq name="$v.know" value="4"}Poor{/eq}
						</td>
						<td style="text-align:left;">{$v.remark}</td>
					</tr>
					{/volist}
				</table>
			</td>
		</tr>
		{/notempty}
		{notempty name="$language"}
		<tr>
			<td colspan="8"><strong>Language Skills</strong></td>
		</tr>
		<tr>
			<td colspan="8">
				<table id="language_table" class="layui-table layui-table-min" style="margin:0">
					<tr>
						<th width="200">Language</th>
						<th width="150">Proficiency</th>
						<th>Remarks</th>
					</tr>
					{volist name="$language" id="v"}
						<tr class="skills_interfix">
							<td>{$v.title}</td>
							<td>
								{eq name="$v.know" value="1"}Expert{/eq}
								{eq name="$v.know" value="2"}Good{/eq}
								{eq name="$v.know" value="3"}Fair{/eq}
								{eq name="$v.know" value="4"}Poor{/eq}
							</td>
							<td style="text-align:left;">{$v.remark}</td>
						</tr>
					{/volist}
				</table>
			</td>
		</tr>
		{/notempty}
		{notempty name="$detail.file_ids"}
		<tr>
			<td colspan="8"><strong>File Attachments</strong></td>
		</tr>
		<tr>
			<td colspan="8">
				<div class="layui-row">
					{volist name="$detail.file_array" id="vo"}
					<div class="layui-col-md4" id="uploadFile{$vo.id}">{:file_card($vo,'view')}</div>
					{/volist}
				</div>
			</td>
		</tr>
		{/notempty}
	</table>
	<div class="pt-4">
		<a class="layui-btn" href="/api/export/pdf?types=files&id={$detail.id}" target="_blank">Export PDF</a>
	</div>
</form>
{/block}
<!-- /Body -->

<!-- Script -->
{block name="script"}
<script>
	const moduleInit = ['tool'];
	function gouguInit() {
	
	}

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