<!-- include 'header' -->
<link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>css/jquery.validator.css"> 
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/jquery.validator.min.js"></script>
<script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/zh-CN.js"></script>
<script src="<?= WEB_SITE_GLOBAL ?>js/hr.validator.js"></script>

<style>
#animation{
-webkit-animation:infinite pulse 4s 1s ease both;
-moz-animation:infinite pulse 4s 1s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}
</style>

<body class="loginBg">
	<div class="loginIndex">
		<div class="loginPanel {{login}}">
			<div class="warpLogin clearfix">
				<h2>CLD.System<sup> 1.0</sup></h2>
				<form id="loginform" name="loginform" action="/login/do" method="post">
				<div class="formLine">
					<label class="textTips">帐号</label>
					<input  class="text" type="text" name="user">
				</div>
				<div class="formLine">
					<label class="textTips">密码</label>
					<input type="password" class="text" name="passwork">
				</div>
				<div class="formLine clearfix">
				
					<input type="submit" value="登录" class="button"><span class="submitSus"></span>
				</div>
				</form>
			</div>	
			<p class="formLink"><a href="http://smartcost.com.cn" target="_blabk">公司主页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://h.smartcost.com.cn" target="_blabk">内部论坛</a>&nbsp;&nbsp;</p>
		</div>
	</div>
	
	<div class="modal hide fade " aria-hidden="false"  id="welcome">
	<form method="post" action="/appliedEntry" id='appliedEntry' >
		<input type="hidden" name="sidKey"  value="{{staff.sidKey}}">
	
		<div class="modal-backdrop fade in"></div>
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<h3>欢迎加入纵横，请认真填写以下内容</h3>
				</div>
				<div class="modal-body saeaList">
					<table class="table table-bordered table-condensed">
						<tbody>
							<tr>
								<th class="taC" width="150">工号</th><td width="260">{{staff.jobNumber}}</td>
								<th class="taC" width="150">姓名</th><td><input type="text" value="{{staff.username}}" disabled></td>
							</tr>
							<tr>
								<th class="taC" width="150">办事处/部门</th>
								<td>
								<select disabled>
								<option>{{staff.category}} <!-- if !empty({{{staff.departmentName}}) --> {{staff.departmentName.departmentName}}<!-- endif --></option>
								</select></td>
								<th class="taC" width="150">岗位</th><td><input type="text" value="{{staff.position}}" disabled></td>
							</tr>
							<tr>
								<th class="taC" width="150">入职日期</th><td><input type="date" value='{{staff.hiredate}}' disabled></td>
								<th class="taC" width="150">手机</th><td><input type="text" name='telephone' id='telephone' value="{{staff.telephone}}"></td>
							</tr>
							<tr>
								<th class="taC">QQ</th><td><input type="text" name='qq' id='qq' value="{{staff.qq}}"  data-placement="bottom" data-toggle="ctooltip" data-original-title="填写您的工作QQ"></td>
								<th class="taC">微信</th><td><input type="text" name='wecat' id='wecat' value="{{staff.wecat}}" data-placement="bottom" data-toggle="ctooltip" data-original-title="如微信已绑定手机号，填手机号即可"></td>
							</tr>
							<tr>
								<th class="taC">电话</th><td><input type="text" name='phone' id='phone' value="{{staff.phone}}" data-placement="bottom" data-toggle="ctooltip" data-original-title="填写办事处电话/分机号"></td>
								<th class="taC">邮箱</th><td><input type="text" name='email' id='email' value="{{staff.email}}"></td>
							</tr>
						</tbody>
					</table>
					<table class="table table-bordered table-condensed">
						<tr>
							<th class="taC" width="150">性别</th>
							<td width="260">
							<label class="radio inline"><input type="radio" name='gender' id='gender' <!-- if {{staff.gender}}=='男' --> checked <!-- endif --> data-rule="checked" value='男'>男</label>
							 <label class="radio inline"><input type="radio" name='gender' id='gender' <!-- if {{staff.gender}}=='女' --> checked <!-- endif --> value='女'>女</label>
							 </td>
							<th class="taC" width="150">出生日期</th><td><input type="date" name='birthday' id='birthday' value='{{staff.birthday}}'></td>
						</tr>
						
						<tr>
							<th class="taC" width="150">民族</th><td><input type="text" name='nation' id='nation' value='{{staff.nation}}'></td>
							<th class="taC" width="150">婚姻状况</th>
							<td>
							<select name='marriage' id='marriage'>
							<option value=''>请选择</option>
							<option value='1'>已婚</option>
							<option value='0'>未婚</option>
							</select></td>
						</tr>
						
						
						
					</table>
					
					<table class="table table-bordered table-condensed">
						<tr>
							<th class="taC" width="150">毕业院校</th>
							<td width="260">
							<input type="text" name='graduateInstitutions' id='graduateInstitutions' value='{{staff.graduateInstitutions}}'>
							</td>
							<th class="taC" width="150">所学专业</th>
							<td><input type="text" name='major' id='major' value='{{staff.major}}'></td>
						</tr>
						<tr>
							<th class="taC" width="150">毕业学历</th>
							<td>
							<select name='education' id='education' >
							<option value=''>请选择</option>
							<option value='初中'>初中</option>
							<option value='高中'>高中</option>
							<option value='中专'>中专</option>
							<option value='大专'>大专</option>
							<option value='本科'>本科</option>
							<option value='硕士'>硕士</option>
							</select></td>
							<th class="taC" width="150">毕业时间</th>
							<td><input type="date" name='graduationTime' id='graduationTime' value='{{staff.graduationTime}}'></td>
						</tr>
						<tr>
							<th class="taC" width="150">最高学历</th>
							<td><select name='qualifications' id='qualifications'>
							<option value=''>请选择</option>
							<option value='初中'>初中</option>
							<option value='高中'>高中</option>
							<option value='中专'>中专</option>
							<option value='大专'>大专</option>
							<option value='本科'>本科</option>
							<option value='硕士'>硕士</option>
							</select>
							</td>
						</tr>
					</table>
					
					
					
					
					
					<table class="table table-bordered table-condensed">
						<tr>
							<th class="taC" width="150">户口所在地</th>
							<td width="260">
							<input type="text" name='registeredResidence' id='registeredResidence' value='{{staff.registeredResidence}}' data-placement="bottom" data-toggle="ctooltip" data-original-title="请填写户口本详细地址" /></td>
							<th class="taC" width="150">户籍类型</th>
							<td>
							<select name='householdRegistrationType' id='householdRegistrationType' value='{{staff.householdRegistrationType}}'>
							<option value='城镇户口'>城镇户口</option>
							<option value='农业户口'>农业户口</option>
							</select>
							</td>
						</tr>
						<tr>
							<th class="taC" width="150">现居住地址</th>
							<td colspan="3"><input type="text" name='living' id='living' value='{{staff.living}}' style="width:500px"></td>
						</tr>
						<tr>
							<th class="taC" width="150">籍贯</th>
							<td width="260">
							<input type="text" name='nativePlace' id='nativePlace' value='{{staff.nativePlace}}' data-placement="bottom" data-toggle="ctooltip" data-original-title="例：广东省珠海市" />
							</td>
							<th class="taC" width="150">紧急联系人</th>
							<td>
							<input name='emergencyContacts' id='emergencyContacts' type="text" value='{{staff.emergencyContacts}}' data-placement="bottom" data-toggle="ctooltip" data-original-title="例：张三（老婆）15003850888"></td>
						</tr>
						
					</table>
					
					<table class="table table-bordered table-condensed">
						<tr>
							<th class="taC" width="150">身份证号码</th>
							<td width="260">
							<input type="text" name='IDcards' id='IDcards' value='{{staff.IDcards}}' data-placement="bottom" data-toggle="ctooltip" data-original-title="例：440476528372638192" /></td>
							<th class="taC" width="150">身份证有效期</th>
							<td>
							<input type="date" name='IDcardsValidity' id='IDcardsValidity' value='{{staff.IDcardsValidity}}'></td>
						</tr>
					</table>
					
				</div>
				<div class="modal-footer">
					<input type="submit" class="button" vlaue="申请入职">
					<a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
				
				</div>
			</div></div>
			</form>
	</div>
	<div class="modal hide fade" id="appliedMsg">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h3>温馨提示：</h3>
				</div>
				<div class="modal-body">
					<p class="alert alert-">您的申请正在审批中，请耐心等候！</p>
				</div>
				<div class="modal-footer">
					<a href="#" class="button" data-dismiss="modal" aria-hidden="true">确定</a>
				</div>
			</div></div>
	</div>
	
	
	<!-- if {{application}}==1 -->
	<script type="text/javascript">$('#welcome').modal('show')</script>
	<!-- elseif {{application}}==2 -->
	<script type="text/javascript">$('#appliedMsg').modal('show')</script>
	<!-- endif -->
</body>