@model Model_Security
@inject SaxLocaliser Localiser
@{
	ViewData["Title"] = "Change Password";
}

<div class="">
	<div class="sax-panel-form security">

		<div class="sax-header"><div class="sax-caption">@Localiser["security.caption.change.password"]</div></div>

		<div class="sax-content">

			@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmChangePassword", @class = "sax-form" }))
			{

				@if (!Model.RequestPasswordMode)
				{
					/* Current password - required when setting password within user session. */
					<div class="sax-form-control PasswordCurrent">
						<div class="sax-label"><label for="ifPasswordCurrent"><span><span class="required">*</span> @Localiser["label.password.current"]</span></label></div>
						<div class="sax-control">
							@Html.PasswordFor(model => model.PasswordCurrent, new { @id = "ifPasswordCurrent", @class = "sax-input", @maxlength = Model.PasswordMaxLength })
						</div>
						<div class="sax-message"></div>
					</div>
				}
				else
				{
					/* 'Request Password' encrypted parameters from email link. */
					@Html.HiddenFor(model => model.rpe, new { @id = "ifRpe" });
				}

				<div class="spacer4"></div>

				<div class="sax-form-control Password">
					<div class="sax-label"><label for="ifPassword"><span><span class="required">*</span> @Localiser["label.password"]</span></label></div>
					<div class="sax-control">
						@Html.PasswordFor(model => model.Password, new { @id = "ifPassword", @class = "sax-input", @maxlength = Model.PasswordMaxLength })
					</div>
					<div class="row">
						<div class="col-auto sax-label-text pt4">@Localiser["label.strength"]&nbsp;</div>
						<div id="" class="col-auto"><div id="prgPasswordStrength" class="col-auto"></div></div>
					</div>
					<div class="sax-message"></div>
				</div>

				<div class="sax-form-control PasswordConfirm">
					<div class="sax-label"><label for="ifPasswordConfirm"><span><span class="required">*</span> @Localiser["label.password.confirm"]</span></label></div>
					<div class="sax-control">
						@Html.PasswordFor(model => model.PasswordConfirm, new { @id = "ifPasswordConfirm", @class = "sax-input", @maxlength = Model.PasswordMaxLength })
					</div>
					<div class="sax-message"></div>
				</div>

				<div class="spacer4"></div>

				<div class="">
					<div id="pbChangePassword" class="sax-button-action fullwidth pointer" style="margin:16px 0;">@Localiser["security.caption.change.password"]</div>
				</div>

			}
		</div>
	</div>
</div>