<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8" import="cn.hmsoft.skill.helper.SkillParamHelper"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title><%=SkillParamHelper.AppTitle%></title>
<%
	if (SkillParamHelper.AppDebug) {
%>
<!-- 本地静态资源 -->
<script src="../../vendor/jquery-1.12.4/jquery.min.js"></script>
<link href="../../vendor/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet">
<script src="../../vendor/bootstrap-3.3.5/bootstrap.min.js"></script>
<script src="../../vendor/angularjs-1.7.5/angular.js"></script>
<script src="../../vendor/artDialog-7.0.0/dialog.js"></script>
<script src="../../vendor/jquery-loading-overlay/loadingoverlay.min.js"></script>

<%
	} else {
%>

<!--  CDN资源 -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-loading-overlay/2.1.6/loadingoverlay.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/artDialog/7.0.0/dialog.js"></script>
<%
	}
%>

<!-- load script -->

<script src="./std_upload_img.js"></script>
<link href="./reg.css" rel="stylesheet">
<style type="text/css">
	.text-lg-right{
		text-align: right !important; 
	}
	.mb-1{
		margin-bottom: 3px;	
	}
</style>
</head>
<body ng-app="app" ng-controller="UploadPhotoCtrl" style="margin-top: 80px !important;font-size: 15px;margin-left:120px !important;margin-right:120px !important;">
	<div ui-view>
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">考生材料上传</h3>
			</div>
			<div class="panel-body">
<%-- 			
<iframe id="iframeForm1" name="iframeForm1" style="display:none;"></iframe> 
<form method="post" action="../../std/reg/card/photo.htm" name="iframeForm1" target="iframeForm1" enctype="multipart/form-data"  class="form-validate form-horizontal">       	
	              	<!-- 拍身份证提示框 -->
	  	<div >
		<div class="ui-card" style="margin: 20px 20px 20px 20px !important;">
			<center>
			<input type="hidden" id="sId" name="sId" value="<%=request.getParameter("std_id")%>">

				<img src="../image/cert.png" style="width: 295px;height: 184px;background:rgba(252,220,212,1);margin: 10px 20px 20px 20px" class="ui-mg">
				
				<div class="ui-big-title" style="font-size: 18px !important">
					请准备好考生居民身份证
				</div>
			</center>
			
			<div class="ui-title" style="margin-left: 20px !important;margin-top: 0px !important;padding-top: 10px !important;padding-bottom: 20px !important; ">
				务必使用考生本人身份证，请拍照或者直接上传考生居民身份证（含照片的一面），请务必确保照片清晰！<br /> 
			</div>
		</div>
		
<!-- 		<a ng-click="importRetestTotal()">导入初试合格名单</a> -->

		<div class="button-sp-area">选择居民身份证照片
		 <input type="file" name="file" />  
		 <input type="submit"  class="btn btn-primary" value="上传居民身份证(个人照片面)" />
		</div>
	</div>
	</form>
	 --%>
	
			<!-- 免冠证件照片区域 -->
	<iframe id="iframeForm2" name="iframeForm2" style="display:none;"></iframe> 
	<form method="post" action="../../std/reg/crown/photo.htm" name="iframeForm2" target="iframeForm2" enctype="multipart/form-data" class="form-validate form-horizontal">
	<div >
		<div style="margin: 20px" class="ui-card">
			<center>
			<input type="hidden" id="stdId" name="stdId" value="<%=request.getParameter("std_id")%>">
			
				<img src="../image/self.png" style="width: 295px;height: 365px;background:rgba(252,220,212,1);margin: 10px 20px 20px 20px" class="ui-mg">
				<div class="ui-big-title">
					请准备好近期免冠证件照
				</div>
			</center>

			<div class="ui-title" style="margin-left: 40px;margin-right: 40px;margin-top: 10px !important;padding-top: 0px !important;margin-bottom: 20px !important;padding-bottom: 20px !important">
				<ul>
					1、照片规格:358像素（宽）×441像素（高照片规格），分辨率350dpi，照片尺寸为32mm×26mm；<br /> 
				</ul>
				<ul>
					2、颜色模式:24位RGB真彩色。<br /> 
				</ul>
				<ul>
					3、要求: 公民本人正面免冠彩色头像,头部占照片尺寸的2/3，不着制式服装或白色上衣,常戴眼镜的居民应配戴眼镜，白色背景无边框，人像清晰，层次丰富，神态自然，无明显畸变。
				</ul>
			</div>
		</div>
		<br>

		<div class="button-sp-area">选择近期免冠证件照
		 <input type="file" name="file" />  
		 <input type="submit"  class="btn btn-primary" value="上传近期免冠证件照" />
		</div>

	</div>
	</form>
	
			</div>
			<div class="panel-footer text-center">
				<button type="button" class="btn btn-primary" ng-click="submitReg()">提交</button>
			</div>
		</div>	
	</div>
</body>

</html>