@model Model_User
@inject SaxLocaliser Localiser
@{
	/* Users - User dialog panel */
}

<script type="text/javascript">
	sax.dlg.title.createUser = '@Localiser.GetJavascriptText("user.caption.user.create")';
	sax.dlg.title.updateUser = '@Localiser.GetJavascriptText("user.caption.user.update")';
	sax.dlg.title.selectUserRoles = '@Localiser.GetJavascriptText("user.caption.select.user.roles")';
	sax.dlg.title.selectUserEmails = '@Localiser.GetJavascriptText("user.caption.select.user.emails")';
	sax.data.userRoleCodeDelim = '@Model.UserRoleCodeDelim';
</script>
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmUserId", @class = "sax-form" }))
{
	@Html.HiddenFor(model => model.UserAccountId, new { @class = "UserAccountId" })
}
<div id="dlgUser" class="sax-dialog" title="">
	<div class="spacer"></div>

	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmUser", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.UserAccountId, new { @class = "UserAccountId" })

		@* User email *@
		<div class="sax-form-control UserEmailAddress">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="ifUserEmailAddress"><span>@Localiser["label.email.address"]</span>&nbsp;<span class="required">*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						@Html.TextBoxFor(model => model.UserEmailAddress, new { @id = "ifUserEmailAddress", @class = "UserEmailAddress sax-input", @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_EmailAddress) })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		/* Title */
		<div class="sax-form-control UserTitle">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="cbUserTitle"><span><span class="required"></span> @Localiser["label.title"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						@Html.DropDownListFor(model => model.UserTitle, Model.TitlesForSelect, Localiser["label.not.specified"], new { @id = "cbUserTitle", @class = "UserTitle sax-select" })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* User first name *@
		<div class="sax-form-control UserFirstName">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="ifUserFirstName"><span>@Localiser["label.first.name"]</span>&nbsp;<span class="required">*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						@Html.TextBoxFor(model => model.UserFirstName, new { @id = "ifUserFirstName", @class = "UserFirstName sax-input", @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_FirstName) })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* User last name *@
		<div class="sax-form-control UserLastName">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="ifUserLastName"><span>@Localiser["label.last.name"]</span>&nbsp;<span class="required">*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						@Html.TextBoxFor(model => model.UserLastName, new { @id = "ifUserLastName", @class = "UserLastName sax-input", @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_LastName) })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* User roles *@
		<div class="sax-form-control UserRoles">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="lbUserRoles"><span>@Localiser["label.user.roles"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control row">
						@Html.HiddenFor(model => model.UserRoleCodes, new { @id = "ifUserRoleCodes", @class = "UserRoleCodes sax-input" })
						<div class="col"><textarea id="ifUserRoles" class="UserRoles sax-input" style="" rows="3" readonly="readonly" onDblClick="sax.selectUserRoles()"></textarea></div>
						<div class="fixed"><button id="" class="sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px" onclick="sax.selectUserRoles()">@Localiser["label.select"]</button></div>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* User status *@
		<div class="sax-form-control UserStatus">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="cbUserStatus"><span>@Localiser["label.status"]</span>&nbsp;<span class="required">*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<select id="cbUserStatus" class="sax-select UserStatus" name="UserStatusCode"></select>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

	}

	<div class="spacer"></div>
</div>

<partial name="~/Views/Common/SelectCode.cshtml" />

<div id="dlgUserEmails" class="sax-dialog" title="">
	<div class="spacer"></div>
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmUserEmails", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.UserAccountId, new { @class = "UserAccountId" })

		<div class="sax-para">@Localiser["user.emails.intro"]</div>
		<div class="spacer2"></div>

		@* User email *@
		<div class="sax-form-control UserEmailAddress">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label><span>@Localiser["label.email.address"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<input type="text" class="UserEmailAddress sax-input" readonly="readonly" />
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* User display name *@
		<div class="sax-form-control UserDisplayName">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label><span>@Localiser["label.name"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<input type="text" class="UserDisplayName sax-input" readonly="readonly" />
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* User emails *@
		<div class="sax-form-control UserEmailTypes">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="chkUserEmailRequestPasswordAdmin"><span>@Localiser["label.email.types"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<div class="AcountActivationOnlineOption">
							<input type="checkbox" id="chkUserEmailAcountActivationOnline" class="UserEmailAcountActivationOnline" name="UserEmailAcountActivationOnline" value="1" />&nbsp;<span onclick="$('#chkUserEmailAcountActivationOnline').click()">@Localiser["user.email.account.activation.online"]</span>
						</div>
						<div class="RequestPasswordOnlineOption">
							<input type="checkbox" id="chkUserEmailRequestPasswordOnline" class="UserEmailRequestPasswordOnline" name="UserEmailRequestPasswordOnline" value="1" />&nbsp;<span onclick="$('#chkUserEmailRequestPasswordOnline').click()">@Localiser["user.email.request.password.online"]</span>
						</div>
						<div class="RequestPasswordAdminOption">
							<input type="checkbox" id="chkUserEmailRequestPasswordAdmin" class="UserEmailRequestPasswordAdmin" name="UserEmailRequestPasswordAdmin" value="1" />&nbsp;<span onclick="$('#chkUserEmailRequestPasswordAdmin').click()">@Localiser["user.email.request.password.admin"]</span>
						</div>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

	}
	<div class="spacer"></div>
</div>