@model SaxModel_Online
@inject SaxLocaliser Localiser

@{
	/* Online Organisation Request. */
	// Ensure view is only included once in page.
	if (!Model.RegisterView("Views/Common/OrganisationRequest")) return;
	// Scripts.
	Model.AdditionalFiles_JS.Add("js/sax-org-req.js");
	Microsoft.AspNetCore.Html.HtmlString regionIdCountry = new Microsoft.AspNetCore.Html.HtmlString(Model.ValidUserSession ? Model.GetEncryptedRegionId(Model.SessionData.User.RegionIdCountry) : "");
	String regionNameCountry = Model.ValidUserSession ? Localiser.EscapeJavascriptText(Model.GetRegionCaption(Model.SessionData.User.RegionIdCountry)) : "";
}
<script type="text/javascript">
	let or = sax.orgReq = {};
	or.dlgTitleRequestOrganisation = '@Localiser.GetJavascriptText("organisation.caption.organisation.request")';
	sax.data.regionIdCountryDefault = '@regionIdCountry';
	sax.data.regionNameCountryDefault = '@regionNameCountry';
</script>

<div id="dlgOrganisationRequest" class="sax-dialog sax-form">

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

		@* Contact details are only required when user not logged in. *@
		@if (!Model.ValidUserSession)
		{

			<div class="sax-form-control pt8">
				<div class="sax-caption">
					<label for="ifContactEmailAddress"><span>@Localiser["label.contact.details"]</span></label>
				</div>
			</div>

			@* Contact Email Address *@
			<div class="sax-form-control ContactEmailAddress">
				<div class="row">
					<div class="col-sm-3">
						<div class="sax-label">
							<label for="ifContactEmailAddress"><span>@Localiser["label.email"]</span><span class="required">&nbsp;*</span></label>
						</div>
					</div>
					<div class="col-sm">
						<div class="sax-control">
							<input type="text" id="ifContactEmailAddress" name="ContactEmailAddress" class="ContactEmailAddress sax-input" autocomplete="off" maxlength="@Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_EmailAddress)" />
						</div>
						<div class="sax-message"></div>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-sm-3">@* No label. *@</div>
				<div class="col-sm row">

					@* Contact First Name *@
					<div class="col-sm-6">
						<div class="sax-form-control ContactFirstName pr4">
							<div class="sax-label">
								<label for="cbContactFirstName"><span>@Localiser["label.first.name"]</span><span class="required">&nbsp;*</span></label>
							</div>
							<div class="sax-control">
								<input type="text" id="ifContactFirstName" name="ContactFirstName" class="ContactFirstName sax-input" autocomplete="off" maxlength="@Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_FirstName)" />
							</div>
							<div class="sax-message"></div>
						</div>
					</div>

					@* Contact Last Name *@
					<div class="col-sm-6">
						<div class="sax-form-control ContactLastName">
							<div class="sax-label">
								<label for="cbContactLastName"><span>@Localiser["label.last.name"]</span><span class="required">&nbsp;*</span></label>
							</div>
							<div class="sax-control">
								<input type="text" id="ifContactLastName" name="ContactLastName" class="ContactLastName sax-input" autocomplete="off" maxlength="@Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_LastName)" />
							</div>
							<div class="sax-message"></div>
						</div>
					</div>

				</div>
			</div>

		}

		@* Organisation core details - name, category, sport, region etc *@
		<div class="sax-form-control">
			<div class="sax-caption">
				<label for=""><span>@Localiser["label.organsiation.details"]</span></label>
			</div>
		</div>
		<partial name="~/Views/Common/OrganisationControls-Core.cshtml" />

		@* Organisation Address *@
		<partial name="~/Views/Common/OrganisationControls-Address.cshtml" />

	}

</div>

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