@model Model_OrganisationMembers
@inject SaxLocaliser Localiser
@{
	/* Organisations - Organisation dialog panel */
}

<script type="text/javascript">
	sax.dlg.title.selectOrganisation = '@Localiser.GetJavascriptText("organisation.caption.select.organisation")';
	sax.dlg.title.createMember = '@Localiser.GetJavascriptText("caption.member.create")';
	sax.dlg.title.updateMember = '@Localiser.GetJavascriptText("caption.member.update")';
	sax.dlg.title.removeMember = '@Localiser.GetJavascriptText("caption.member.remove")';
	sax.dlg.title.selectMemberRoles = '@Localiser.GetJavascriptText("organisation.caption.select.member.roles")';
	sax.data.userRoleCodeDelim = '@Model.MemberRoleCodeDelim';
</script>
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmMemberId" }))
{
	@Html.HiddenFor(model => model.OrganisationId, new { @id = "", @class = "OrganisationId" })
	@Html.HiddenFor(model => model.UserOrganisationId, new { @id = "", @class = "UserOrganisationId" })
}
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmUserEmail" }))
{
	<input type="hidden" id="" class="UserEmailAddress" name="UserEmailAddress" />
}
<div id="dlgMember" class="sax-dialog" title="">

	<div class="spacer"></div>
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmMember", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.UserOrganisationId, new { @id = "", @class = "UserOrganisationId" })
		@Html.HiddenFor(model => model.MemberOrganisationId, new { @id = "", @class = "MemberOrganisationId" })

		@* User email *@
		<div class="sax-form-control UserEmailAddress">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="ifMemberUserEmailAddress"><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.MemberUserEmailAddress, new { @id = "ifMemberUserEmailAddress", @class = "MemberUserEmailAddress sax-input", @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_EmailAddress) })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* User email *@
		<div class="sax-form-control UserName">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="ifMemberUserName"><span>@Localiser["label.name"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<input type="text" id="ifMemberUserName" class="MemberUserName sax-input" readonly="readonly" />
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Member roles *@
		<div class="sax-form-control MemberRoleCodes">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="ifMemberRoles"><span>@Localiser["label.roles"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control row">
						@Html.HiddenFor(model => model.MemberRoleCodes, new { @id = "ifMemberRoleCodes", @class = "MemberRoleCodes sax-input" })
						<div class="col"><textarea id="ifMemberRoles" class="MemberRoles sax-input" rows="6" readonly="readonly"></textarea></div>
						<div class="fixed"><button id="pbMemberRolesSelect" class="sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px">@Localiser["label.select"]</button></div>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

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

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

</div>

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