@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.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="">

	@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="sax-label">
				<label for="ifUserEmailAddress"><span><span class="required">*</span> @Localiser["label.email.address"]</span></label>
			</div>
			<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 class="sax-form-control UserTitle">
			<div class="sax-label">
				<label for="cbUserTitle"><span><span class="required"></span> @Localiser["label.title"]</span></label>
			</div>
			<div class="sax-control">
				@Html.DropDownListFor(model => model.UserTitle, Model.TitlesForSelect, Localiser["label.select"], new { @id = "cbUserTitle", @class = "UserTitle sax-select" })
			</div>
			<div class="sax-message"></div>
		</div>

		@* User first name *@
		<div class="sax-form-control UserFirstName">
			<div class="sax-label">
				<label for="ifUserFirstName"><span><span class="required">*</span> @Localiser["label.first.name"]</span></label>
			</div>
			<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>

		@* User last name *@
		<div class="sax-form-control UserLastName">
			<div class="sax-label">
				<label for="ifUserLastName"><span><span class="required">*</span> @Localiser["label.last.name"]</span></label>
			</div>
			<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>

		@* User roles *@
		<div class="sax-form-control UserRoles">
			<div class="sax-label">
				<label for="lbUserRoles"><span>@Localiser["label.user.roles"]</span></label>
			</div>
			<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>

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

	}

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

</div>