{{template "base/head" .}}
<div class="user settings password">
	{{template "user/settings/navbar" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		<h4 class="ui top attached header">
			{{.i18n.Tr "settings.change_password"}}
		</h4>
		<div class="ui attached segment">
			{{if or (.SignedUser.IsLocal) (.SignedUser.IsOAuth2)}}
			<form class="ui form" action="{{.Link}}" method="post">
				{{.CsrfTokenHtml}}
				{{if .SignedUser.IsPasswordSet}}
				<div class="required field {{if .Err_OldPassword}}error{{end}}">
					<label for="old_password">{{.i18n.Tr "settings.old_password"}}</label>
					<input id="old_password" name="old_password" type="password" autocomplete="off" autofocus required>
				</div>
				{{end}}
				<div class="required field {{if .Err_Password}}error{{end}}">
					<label for="password">{{.i18n.Tr "settings.new_password"}}</label>
					<input id="password" name="password" type="password" autocomplete="off" required>
				</div>
				<div class="required field {{if .Err_Password}}error{{end}}">
					<label for="retype">{{.i18n.Tr "settings.retype_new_password"}}</label>
					<input id="retype" name="retype" type="password" autocomplete="off" required>
				</div>

				<div class="field">
					<button class="ui green button">{{$.i18n.Tr "settings.change_password"}}</button>
					<a href="{{AppSubUrl}}/user/forgot_password?email={{.Email}}">{{.i18n.Tr "auth.forgot_password"}}</a>
				</div>
			</form>
			{{else}}
			<div class="ui info message">
				<p class="text left">{{$.i18n.Tr "settings.password_change_disabled"}}</p>
			</div>
			{{end}}
		</div>
	</div>
</div>
{{template "base/footer" .}}
