{{template "base/head" .}}

<div class="page-content user signin icon">
	{{/* template "user/auth/signin_navbar" . */}}
	<div class="ui middle very relaxed page grid">
		<div class="ui container column fluid">
			{{/* template "user/auth/signin_inner" . */}}

			<div class="ui container column fluid icon">
				<h4 class="ui top attached header center">
					{{.locale.Tr "auth.oauth_signup_title"}}
				</h4>
				<div class="ui attached segment">
					<form class="ui form" action="{{.SignUpLink}}" method="post">
						{{.CsrfTokenHtml}}

						{{template "base/alert" .}}

						<div class="ui positive message flash-info">
							<p>
								Username and email are provided by your Blender ID.<br/>
								Press "Complete Registration" to continue.
							</p>
						</div>

						<div class="required inline field {{if and (.Err_UserName) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
							<label for="user_name">{{.locale.Tr "username"}}</label>
							<input disabled id="user_name" type="text" name="user_name" value="{{.user_name}}" autofocus required>
						</div>
						<div class="required inline field {{if .Err_Email}}error{{end}}">
							<label for="email">{{.locale.Tr "email"}}</label>
							<input disabled id="email" name="email" type="email" value="{{.email}}" required>
						</div>

						<div class="inline field">
							<label></label>
							<button class="ui green button">
								{{/* .locale.Tr "auth.oauth_signup_submit" */}}
								Complete Registration
							</button>
						</div>

					</form>
				</div>
			</div>

		</div>
	</div>
</div>
{{template "base/footer" .}}