<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta content="zh-cn" http-equiv="Content-Language" />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="renderer" content="webkit"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,  user-scalable=no"/>
		<title>{%$lngpack.sitename%}</title>
		<meta name="keywords" content="{%$lngpack.keyword%}" />
		<meta name="description" content="{%$lngpack.description%}" />
		<link rel="icon" type="image/png" href="{%$icon_16%}" sizes="16x16"/>
		<link rel="icon" type="image/png" href="{%$icon_32%}" sizes="32x32"/>
		<link rel="icon" type="image/png" href="{%$icon_64%}" sizes="64x64"/>
		<link href="{%$rootpath%}css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_font.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/swiper.min.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_all.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcms_p8_public.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/jquery.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/bootstrap.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/swiper.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_base.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_formvalidation.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_dialog.js"></script>
		<script type="text/javascript">
			$(document).ready(function () {
				$("#memberreg").espcms_formvalidation({
					focusName: "#username",
					verifyURL: "{%$mlink.verify%}",
					verifyField: "username,email,mobile"
				});
				$('.dialog_link').espcms_dig();
			});
		</script>
	</head>

	<body>
		{%link file="public/head.html"%}
		<section class="bann_container">
			<div class="container page_bann_title">
				<h2>Member Center</h2>
			</div>
		</section>

		<section class="container espcms_page_book">
			<div class="row">
				<div class="espcms_member_login">
					<div class="panel panel-info">
						<div class="panel-heading"><h3>Sign Up!</h3></div>
						<div class="panel-body">
							<form name="memberreg" id="memberreg" method="post" class="form-horizontal admin-form" action="{%$mlink.regsave%}"/>
							<input type="hidden" name="tokenname" value="{%$tokenkey.token_name%}"/>
							<input type="hidden" name="tokenkey" value="{%$tokenkey.token_key%}"/>
							<div class="form-group">
								<label class="col-sm-2 control-label">Username</label>
								<div class="col-sm-9">
									<input type="text" name="username" id="username" class="form-control" data-validation="^[a-zA-z]{1}[\w]{2,50}$" placeholder="Please enter 1-16 characters in English or numbers. The first word must be English characters." title="Please enter 1-16 characters in English or numbers. The first word must be English characters." data-validation-msg="Sorry: Username is incorrectly entered, please re-enter!" validation-warning="Sorry: username already exists" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">E-mail</label>
								<div class="col-sm-9">
									<input type="text" name="email" id="email" class="form-control" data-validation="^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$" placeholder="Please enter E-mail" title="Please enter E-mail" data-validation-msg="Sorry: E-mail input is incorrect, please re-enter!" validation-warning="Sorry: E-mail already exists" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">Mobile phone</label>
								<div class="col-sm-9">
									<input type="text" name="mobile" id="mobile" class="form-control" data-validation="^1[\d]{10}$"  placeholder="Please enter 11 mobile phone" title="Please enter 11 mobile phone" data-validation-msg="Sorry: The phone number was entered incorrectly, please re-enter!" validation-warning="Sorry: the phone already exists"/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">Password</label>
								<div class="col-sm-9">
									<input type="password" name="password"  class="form-control" id="password" maxlength="30" placeholder="Please enter your login password" title="Please enter your login password" password-rank="2" password-rank-msg="The password is too simple, please try another one." data-validation-minlength="6" data-validation-maxlength="30" data-validation-msg="Sorry: the password was entered incorrectly, please go back and re-enter" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">Confirm password</label>
								<div class="col-sm-9">
									<input type="password" name="validation_password"  class="form-control"  id="validation_password" maxlength="30" placeholder="Please enter the login confirmation password" title="Please enter the login confirmation password" password-validation-field="password" data-password-validation-msg="The password is different twice, please re-enter!" data-validation-minlength="6" data-validation-maxlength="30" data-validation-msg="Sorry: Confirm the password is entered incorrectly, please go back and re-enter!" />
								</div>
							</div>
							{%if espcms_count($att_array) > 0%}
								<div class="section-divider mb40"><span>Public profile</span></div>
								{%forlist from=$att_array key=i%}
									{%if $att_array[i].inputtype=='string' || $att_array[i].inputtype=='int' || $att_array[i].inputtype=='float' || $att_array[i].inputtype=='decimal'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<input type="text" name="{%$att_array[i].attrname%}" class="form-control" id="{%$att_array[i].attrname%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}" />
										</div>
									</div>
									{%/if%}
									{%if $att_array[i].inputtype=='text' || $att_array[i].inputtype=='htmltext'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<textarea name="{%$att_array[i].attrname%}" class="form-control" style="width:100%;height:{%$att_array[i].attrrow%}px" id="{%$att_array[i].attrname%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}"></textarea>
										</div>
									</div>
									{%/if%}
									{%if $att_array[i].inputtype=='addon' || $att_array[i].inputtype=='img'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<div class="input-group">
												<input type="text" name="{%$att_array[i].attrname%}" class="form-control" id="{%$att_array[i].attrname%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" data-display-type="top" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}" />
												<span class="input-group-btn">
													<a data-w="600px" data-h="310px" data-url="{%$att_array[i].uploadlink%}" data-title="上传文件" class="btn btn-warning dialog_link">上传文件</a>
												</span>
											</div>
										</div>
									</div>
									{%/if%}
									{%if $att_array[i].inputtype=='datetime' || $att_array[i].inputtype=='date'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<input type="text" name="{%$att_array[i].attrname%}" class="form-control {%$att_array[i].inputtype%}" id="{%$att_array[i].attrname%}" placeholder="{%$att_array[i].typeremark%}" title="{%$att_array[i].typeremark%}" {%if $att_array[i].isvalidate==1%} data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}"/>
										</div>
									</div>
									{%/if%}
									{%if $att_array[i].inputtype=='select'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											<select class="selectpicker form-control" name="{%$att_array[i].attrname%}" id="{%$att_array[i].attrname%}" data-size="8" {%if $att_array[i].isvalidate==1%}data-validation="{%$att_array[i].validatetext%}"{%/if%} data-validation-msg="{%$att_array[i].validate_str%}" title="{%pack:public_pack-espcms_select_title%}{%$att_array[i].typename%}">
												{%forlist from=$att_array[i].attrvalue key=ii%}
												<option value="{%$att_array[i].attrvalue[ii].name%}" {%$att_array[i].attrvalue[ii].selected%}>{%$att_array[i].attrvalue[ii].name%}</option>
												{%/forlist%}
											</select>
										</div>
									</div>
									{%/if%}
									{%if $att_array[i].inputtype=='radio'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9 pt6">
											{%forlist from=$att_array[i].attrvalue key=ii%}
											<input type="radio" name="{%$att_array[i].attrname%}" value="{%$att_array[i].attrvalue[ii].name%}" {%if $att_array[i].attrvalue[ii].selected=='selected'%}checked{%/if%}/><span class="pr10">{%$att_array[i].attrvalue[ii].name%}</span>
											{%/forlist%}
										</div>
									</div>
									{%/if%}
									{%if $att_array[i].inputtype=='checkbox'%}
									<div class="form-group {%$att_array[i].attrname%}">
										<label class="col-sm-2 control-label">{%$att_array[i].typename%}</label>
										<div class="col-sm-9">
											{%forlist from=$att_array[i].attrvalue key=ii%}
											<input type="checkbox" name="{%$att_array[i].attrname%}[]" value="{%$att_array[i].attrvalue[ii].name%}" {%if $att_array[i].attrvalue[ii].selected=='selected'%}checked{%/if%}/><span class="pr10">{%$att_array[i].attrvalue[ii].name%}</span>
											{%/forlist%}
										</div>
									</div>
									{%/if%}

								{%/forlist%}
							{%/if%}

							{%if $member_con.MEMBER_REG_VERIFY%}
							<div class="form-group">
								<label class="col-sm-2 control-label">Verification code</label>
								<div class="col-sm-9">
									<div class="col-sm-6 col-md-6 col-mm-6 p0">
										<input type="text" name="seccode" class="form-control" style="text-transform: uppercase;" id="seccode" data-validation="^[A-Za-z]{4}$" placeholder="Please enter a verification code of 4 English characters." title="Please enter a verification code of 4 English characters." maxlength="4" data-validation-msg="Error: Verification code input error, please enter the verification code of 4 English characters">
									</div>
									<div class="col-sm-6 col-md-6 col-mm-6 pl0">
										<img title="Click refresh" id="memberseccodesrc" onclick="sessionimg('memberseccodesrc', '{%$rootdir%}')" src="{%$seccodelink%}" class="img-rounded" style="cursor: pointer;height:33px;" align="absmiddle"/>
									</div>
								</div>
							</div>
							{%/if%}

							<div class="form-group">
								<label class="col-sm-2 control-label"></label>
								<div class="col-sm-9">
									<input type="checkbox" name="agree" id="agree" value="1" /> <a target="_blank" href="{%find:type class=1 out=link%}">By clicking "Sign up", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.</a>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-9">
									<input type="submit" class="btn btn-success btn-block" formmethod="POST" value="Sign up"/>
								</div>
							</div>

							<div class="form-group tip pt20 text-center">
								Already have an account? <a href="{%$mlink.login%}" title="Log in">Log in</a><br/><br/>
							</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>

		{%link file="public/footer.html"%}
	</body>
</html>