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

<div class="">

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

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

			<div class="sax-heading"><div class="sax-caption">@Localiser["security.caption.signin"]</div></div>

			<div class="sax-form-control">
				<div class="sax-label">
					<label for="ifEmailAddress"><span><span class="required">*</span> @Localiser["label.email.address"]</span></label>
				</div>
				<div class="sax-control">
					@Html.TextBoxFor(model => model.EmailAddress, new { @id = "ifEmailAddress", @class = "sax-input lower", @maxlength = @Model.GetControlMaxLength(SaxDbDfn.ColumnIdx.UserAccount_EmailAddress) })
				</div>
				<div class="sax-message"></div>
			</div>

			<div class="sax-form-control">
				<div class="row">
					<div class="col-6">
						<div class="sax-label">
							<label for="ifPassword"><span><span class="required">*</span> @Localiser["label.password"]</span></label>
						</div>
					</div>
					<div class="col-6 right">
						<div class="sax-action-link" style="font-size:12px;" onclick="sax.goToPage('Security/RequestPassword');">@Localiser["label.forgotten.password"]</div>
					</div>
				</div>
				<div class="sax-control">
					@Html.PasswordFor(model => model.Password, new { @id = "ifPassword", @class = "sax-input", @maxlength = @Model.PasswordMaxLength })
				</div>
				<div class="sax-message"></div>
			</div>

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

			<div class="sax-form-control">
				<div class="">
					@Html.CheckBoxFor(model => model.KeepMeSignedIn, new { @id = "chkKeepMeSignedIn" })
					&nbsp;
					<span class="sax-label pointer" onclick="$('#chkKeepMeSignedIn').click()">@Localiser["label.keep.signed.in"]</span>
				</div>
			</div>

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

		}
	</div>

</div>