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

<style>
	#dlgUser #frmUser .UserSports .Sports
	{
		max-height: 64px;
		padding: 4px 8px;
		border: 1px solid #b0b0b0;
		overflow-y: scroll;
	}
</style>
<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.selectRegionCountry = '@Localiser.GetJavascriptText("label.select.country")';
	sax.dlg.title.selectRegionProvince = '@Localiser.GetJavascriptText("label.select.province")';
	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.UserId, new { @class = "UserId" })
}
<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.UserId, new { @class = "UserId" })

		@* User email *@
		<div class="sax-form-control UserEmailAddress">
			<div class="row">
				<div class="col-sm-3">
					<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>

		@* User Name *@
		<div class="row">

			<div class="col-sm-3">
				<div class="sax-label d-none d-sm-block">
					<label for="ifAccountEmailAddress"><span>@Localiser["label.name"]</span></label>
				</div>
			</div>

			<div class="col-sm row">

				<div class="col-sm-4">
					@* Title *@
					<div class="sax-form-control UserTitle pr8">
						<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.not.specified"], new { @id = "cbUserTitle", @class = "UserTitle sax-select" })
						</div>
						<div class="sax-message"></div>
					</div>
				</div>

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

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

			</div>
		</div>

		@* User country *@
		<div class="sax-form-control UserRegionIdCountry">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifUserRegionCaptionCountry"><span>@Localiser["label.country"]</span>&nbsp;<span class="required">*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control row">
						@Html.HiddenFor(model => model.UserRegionIdCountry, new { @id = "ifUserRegionIdCountry", @class = "UserRegionIdCountry" })
						<div class="col"><input type="text" id="ifUserRegionCaptionCountry" class="UserRegionCaptionCountry sax-input" readonly="readonly" ondblclick="sax.selectRegionCountry()" /> </div>
						<div class="fixed"><button id="pbSelectRegion" class="sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px" onclick="sax.selectRegionCountry()">@Localiser["label.select"]</button></div>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* User province *@
		@*
			<div class="sax-form-control UserRegionIdProvince">
				<div class="row">
					<div class="col-sm-3">
						<div class="sax-label">
							<label for="ifUserRegionCaptionProvince"><span>@Localiser["label.province"]</span></label>
						</div>
					</div>
					<div class="col-sm">
						<div class="sax-control row">
							@Html.HiddenFor(model => model.UserRegionIdProvince, new { @id = "ifUserRegionIdProvince", @class = "UserRegionIdProvince" })
							<div class="col"><input type="text" id="ifUserRegionCaptionProvince" class="UserRegionCaptionProvince sax-input" readonly="readonly" ondblclick="sax.selectRegionProvince()" /> </div>
							<div class="fixed"><button id="pbSelectRegion" class="sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px" onclick="sax.selectRegionProvince()">@Localiser["label.select"]</button></div>
						</div>
						<div class="sax-message"></div>
					</div>
				</div>
			</div>
		*@

		@* User Sports *@
		<div class="sax-form-control UserSports">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label><span>@Localiser["label.sports"]</span>&nbsp;<span class="UserSportCount"></span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="Sports"></div>
				</div>
			</div>
		</div>

		@* User roles *@
		<div class="sax-form-control UserRoles">
			<div class="row">
				<div class="col-sm-3">
					<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-3">
					<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.UserId, new { @class = "UserId" })

		<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>