		{{if or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeSignIn)}}
		{{template "base/alert" .}}
		{{end}}
		<h4 class="ui top attached header center">
			{{ctx.Locale.Tr "settings.change_password"}}
		</h4>
		<div class="ui attached segment">
			<form class="ui form tw-max-w-2xl tw-m-auto" action="{{.ChangePasscodeLink}}" method="post">
			<div class="required field {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeSignIn))}}error{{end}}">
				<label for="password">{{ctx.Locale.Tr "password"}}</label>
				<div class="ui input js-password-toggle-group" data-global-init="initPasswordVisibilityToggle" data-show-label="{{ctx.Locale.Tr "auth.show_password"}}" data-hide-label="{{ctx.Locale.Tr "auth.hide_password"}}" data-confirm-field-selector=".js-change-password-confirm-field" data-confirm-input-selector=".js-change-password-confirm">
					<input id="password" name="password" class="js-password-toggle-source" type="password" value="{{.password}}" autocomplete="new-password" required>
				</div>
			</div>
			<div class="required field js-change-password-confirm-field {{if and (.Err_Password) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
				<label for="retype">{{ctx.Locale.Tr "re_type"}}</label>
				<input id="retype" name="retype" class="js-change-password-confirm" type="password" autocomplete="new-password" required>
			</div>
			<div class="inline field">
				<button class="ui primary button">{{ctx.Locale.Tr "settings.change_password"}}</button>
			</div>
			</form>
		</div>
