{{template "user/settings/layout_head" (dict "pageClass" "user settings twofa")}}
	<div class="user-setting-content">
		<h4 class="ui top attached header">
			{{ctx.Locale.Tr "settings.twofa_enroll"}}
		</h4>
		<div class="ui attached segment">
			<p>{{ctx.Locale.Tr "settings.scan_this_image"}}</p>
			<img src="{{.QrUri}}" alt="{{.TwofaSecret}}">
			<p>{{ctx.Locale.Tr "settings.or_enter_secret" .TwofaSecret}}</p>
			<p>{{ctx.Locale.Tr "settings.then_enter_passcode"}}</p>
			<form class="ui form" action="{{.Link}}" method="post">
				<div class="inline required field {{if .Err_Passcode}}error{{end}}">
					<label for="passcode">{{ctx.Locale.Tr "passcode"}}</label>
					<input id="passcode" name="passcode" autofocus required>
				</div>
				<div class="inline field">
					<label></label>
					<button class="ui primary button">{{ctx.Locale.Tr "auth.verify"}}</button>
				</div>
			</form>
		</div>
	</div>

{{template "user/settings/layout_footer" .}}
