{{template "base/head" .}}
<div role="main" aria-label="{{.Title}}" class="page-content user signin">
	<div class="ui middle very relaxed page grid">
		<div class="column">
			<form class="ui form tw-max-w-2xl tw-m-auto" action="{{.Link}}" method="post">
				{{.CsrfTokenHtml}}
				<h3 class="ui top attached header">
					{{ctx.Locale.Tr "twofa_scratch"}}
				</h3>
				<div class="ui attached segment">
					{{template "base/alert" .}}
					<div class="required field">
						<label for="token">{{ctx.Locale.Tr "auth.scratch_code"}}</label>
						<input id="token" name="token" type="text" autocomplete="off" autofocus required>
					</div>

					<div class="inline field">
						<button class="ui primary button">{{ctx.Locale.Tr "auth.verify"}}</button>
						<a href="{{AppSubUrl}}/user/two_factor">{{ctx.Locale.Tr "auth.use_onetime_code"}}</a>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
{{template "base/footer" .}}