aiforge/templates/user/auth/signup_inner.tmpl

<style>
.full.height{background-color: #F9F9F9;}
</style>

<div class="ui container very padded {{if .LinkAccountMode}} icon{{end}}" style=" padding-top: 5.0rem; padding-bottom: 3.0rem;">
	<div class="ui raised very padded text container segment">
		<div class="ui centered grid">
			<div class="sixteen wide mobile ten wide tablet ten wide computer column">
				<div class="ui bottom aligned two column grid">
           <div class="column">
						<h2 class="ui header">
						{{if .LinkAccountMode}}
							{{.i18n.Tr "auth.oauth_signup_title"}}
						{{else}}
							{{.i18n.Tr "sign_up"}}
						{{end}}
						</h2>
					</div>
					{{if not .LinkAccountMode}}
					<div class="ui right floated column">
						<a href="{{AppSubUrl}}/user/login">{{.i18n.Tr "auth.register_helper_msg"}}</a>
					</div>
					{{end}}
				</div>
				<div class="ui grid">
          <div class="column">
						<form class="ui form" action="{{.SignUpLink}}" method="post">
							{{.CsrfTokenHtml}}
							{{if or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister)}}
								{{template "base/alert" .}}
							{{end}}
							<div class="ui negative message" style="display:none;">
								<p></p>
							</div>
							{{if .DisableRegistration}}
								<p>{{.i18n.Tr "auth.disable_register_prompt"}}</p>
							{{else}}
								<div class="field {{if and (.Err_UserName) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
									<input id="user_name" name="user_name" value="{{.user_name}}" placeholder="{{.i18n.Tr "username"}}" autofocus required>
								</div>
								<div class="field {{if .Err_Email}}error{{end}}">
									<input id="email" name="email" type="email" value="{{.email}}" placeholder="{{.i18n.Tr "email"}}" required>
								</div>

								{{if not .DisablePassword}}
								<div class="field {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
									<input id="password" name="password" type="password" value="{{.password}}" placeholder="{{.i18n.Tr "password"}}" autocomplete="off" required>
								</div>
								<div class="field {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
									<input id="retype" name="retype" type="password" value="{{.retype}}" placeholder="{{.i18n.Tr "re_type"}}" autocomplete="off" required>
								</div>
								{{end}}
								
								{{if and .EnableCaptcha (eq .CaptchaType "image")}}
								<div class="field">
									{{.Captcha.CreateHtml}}
								</div>
								<div class="field {{if .Err_Captcha}}error{{end}}">
									<input id="captcha" name="captcha" value="{{.captcha}}" placeholder="{{.i18n.Tr "captcha"}}" autocomplete="off">
								</div>
								{{end}}
								
								{{if and .EnableCaptcha (eq .CaptchaType "recaptcha")}}
								<div class="field required">
									<div class="g-recaptcha" data-sitekey="{{ .RecaptchaSitekey }}"></div>
								</div>
								{{end}}
								
								{{if .EnablePhone }}
									<div class="use-type" usetype="0">
										{{template "user/auth/phone_verify" .}}
									</div>
								{{end}}
								<div class="field">
									<div class="ui checkbox">
										<input name="agree" type="checkbox" tabindex="0" class="hidden" {{if .agree}}checked{{end}}><label>{{.i18n.Tr "use_and_privacy_agree" "/home/term" "/home/privacy" | Safe}}</label>
									</div>
								</div>
								<div class="ui hidden divider"></div>
								<div class="center aligned field">
									<button class="fluid large ui blue button">
										{{if .LinkAccountMode}}
											{{.i18n.Tr "auth.oauth_signup_submit"}}
										{{else}}
											{{.i18n.Tr "auth.create_new_account"}}
										{{end}}
									</button>
								</div>
							{{end}}
						</form>
					</div>
				</div>
			</div>	
		</div>
	</div>
</div>