@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>
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmOrganisationId", @class = "sax-form" }))
{
	@Html.HiddenFor(model => model.OrganisationId, new { @class = "OrganisationId" })
}
<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-4">
					<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-4"></div>

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

				@* 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-4">

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

		@* Organisation sport *@
		<div class="sax-form-control OrganisationSportId">
			<div class="row">
				<div class="col-sm-4">
					<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 country *@
		<div class="sax-form-control OrganisationRegionIdCountry">
			<div class="row">
				<div class="col-sm-4">
					<div class="sax-label">
						<label for="ifOrganisationRegionCaptionCountry"><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.OrganisationRegionIdCountry, new { @id = "ifOrganisationRegionIdCountry", @class = "OrganisationRegionIdCountry" })
						<div class="col"><input type="text" id="ifOrganisationRegionCaptionCountry" class="OrganisationRegionCaptionCountry sax-input" readonly="readonly" /> </div>
						<div class="fixed"><button id="pbSelectRegion" 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 status *@
		<div class="sax-form-control OrganisationStatus">
			<div class="row">
				<div class="col-sm-4">
					<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>