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

<script type="text/javascript">
	sax.dlg.title.createOrganisation = '@Localiser.GetJavascriptText("organisation.caption.organisation.create")';
	sax.dlg.title.updateOrganisation = '@Localiser.GetJavascriptText("organisation.caption.organisation.update")';
	sax.dlg.title.selectRegion = '@Localiser.GetJavascriptText("label.select.country")';
	sax.dlg.title.selectSport = '@Localiser.GetJavascriptText("sport.caption.sport.select")';
</script>
<div id="dlgOrganisation" class="sax-dialog" title="">

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

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

		<div class="row">
			<div class="col-sm-3"></div>

			<div class="col-sm row">
				<div class="col-sm-6">

					@* Organisation category *@
					<div class="sax-form-control OrganisationCategory pr4">
						<div class="sax-label">
							<label for="cbOrganisationCategory"><span>@Localiser["label.category"]</span>&nbsp;<span class="required">*</span></label>
						</div>
						<div class="sax-control">
							@Html.DropDownListFor(model => model.OrganisationCategoryValue, Model.AdminOrganisationCategoriesForSelect, Localiser["label.select"], new { @id = "cbOrganisationCategory", @class = "OrganisationCategory sax-select" })
						</div>
						<div class="sax-message"></div>
					</div>

				</div>

				<div class="col-sm-6">

					@* Organisation type *@
					<div class="sax-form-control OrganisationType">
						<div class="sax-label">
							<label for="cbOrganisationType"><span>@Localiser["label.type"]</span>&nbsp;<span class="required">*</span></label>
						</div>
						<div class="sax-control">
							@Html.DropDownListFor(model => model.OrganisationTypeValue, Model.OrganisationTypesForSelect, Localiser["label.select"], new { @id = "cbOrganisationType", @class = "OrganisationType sax-select" })
						</div>
						<div class="sax-message"></div>
					</div>

				</div>
			</div>
		</div>

		@* Organisation sport *@
		<div class="sax-form-control OrganisationSportId">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOrganisationSportCaption"><span>@Localiser["label.sport"]</span>&nbsp;<span class="required">(*)</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control row">
						@Html.HiddenFor(model => model.OrganisationSportId, new { @id = "ifOrganisationSportId", @class = "OrganisationSportId" })
						<div class="col"><input type="text" id="ifOrganisationSportCaption" class="OrganisationSportCaption sax-input" readonly="readonly" /> </div>
						<div class="fixed"><div class="sax-action OrganisationSportClear"><img src="~/img/action/delete24.png" alt="@(Localiser["label.clear"])" title="@(Localiser["label.clear"])" /></div></div>
						<div class="fixed"><button id="pbSelectSport" 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>

		@* Organisation primary region *@
		<div class="sax-form-control OrganisationRegionIdPrimary">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOrganisationRegionNameCountry"><span>@Localiser["label.region"]</span>&nbsp;<span class="required">*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control row">
						@Html.HiddenFor(model => model.OrganisationRegionIdPrimary, new { @id = "ifOrganisationRegionIdPrimary", @class = "OrganisationRegionIdPrimary" })
						<div class="col"><input type="text" id="ifOrganisationRegionNamePrimary" class="OrganisationRegionNamePrimary sax-input" readonly="readonly" /> </div>
						<div class="fixed"><button id="pbSelectOrganisationRegionPrimary" 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>

		@* Organisation About *@
		<div class="sax-form-control OrganisationAbout">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOrganisationAbout"><span>@Localiser["label.about"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						@Html.TextAreaFor(model => model.OrganisationAbout, new { @id = "ifOrganisationAbout", @class = "OrganisationAbout sax-input", @rows = 6, @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.Organisation_About) })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Organisation Facilities *@
		<div class="sax-form-control OrganisationFacilities">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOrganisationFacilities"><span>@Localiser["label.facilities"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						@Html.TextAreaFor(model => model.OrganisationFacilities, new { @id = "ifOrganisationFacilities", @class = "OrganisationFacilities sax-input", @rows = 6, @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.Organisation_Facilities) })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Contact Methods *@
		<partial name="..\Common\Controls-ItemContactMethods.cshtml" />

		@* Organisation Notes *@
		<div class="sax-form-control OrganisationNotes">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOrganisationNotes"><span>@Localiser["label.notes"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						@Html.TextAreaFor(model => model.OrganisationNotes, new { @id = "ifOrganisationNotes", @class = "OrganisationNotes sax-input", @rows = 3, @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.Organisation_Notes) })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Organisation status *@
		<div class="sax-form-control OrganisationStatus">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="cbOrganisationStatus"><span>@Localiser["label.status"]</span>&nbsp;<span class="required">*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<select id="cbOrganisationStatus" class="sax-select OrganisationStatus" name="OrganisationStatusCode"></select>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

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

</div>