@* Organisation controls - Core *@
@model SaxModel_Online
@inject SaxLocaliser Localiser
@* NB Core Organisation controls may be present more than once on a page, eg. Profile Organisation. *@

@* Organisation name *@
<div class="sax-form-control OrganisationName">
	<div class="row">
		<div class="col-sm-3">
			<div class="sax-label">
				<label for=""><span>@Localiser["label.name"]</span><span class="required">&nbsp;*</span></label>
			</div>
		</div>
		<div class="col-sm">
			<div class="sax-control">
				<input type="text" name="Organisation.Name" class="OrganisationName sax-input" autocomplete="off" 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">

		@* Organisation category *@
		<div class="col-sm-6">
			<div class="sax-form-control OrganisationCategory pr4">
				<div class="sax-label">
					<label for=""><span>@Localiser["label.category"]</span><span class="required">&nbsp;*</span></label>
				</div>
				<div class="sax-control">
					@Html.DropDownList("", Model.OrganisationCategoriesForSelect, Localiser["label.select"] + ":", new { @id = "", @name = "Organisation.Category", @class = "OrganisationCategory sax-select" })
				</div>
				<div class="sax-message"></div>
			</div>
		</div>

		@* Organisation type *@
		<div class="col-sm-6">
			<div class="sax-form-control OrganisationType">
				<div class="sax-label">
					<label for=""><span>@Localiser["label.type"]</span><span class="required">&nbsp;*</span></label>
				</div>
				<div class="sax-control">
					@Html.DropDownList("", Model.OrganisationTypesForSelect, Localiser["label.select"] + ":", new { @id = "", @name = "Organisation.Type", @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=""><span>@Localiser["label.sport"]</span><span class="required">&nbsp;(*)</span></label>
			</div>
		</div>
		<div class="col-sm">
			<div class="sax-control row">
				<input type="hidden" name="Organisation.SportId" class="OrganisationSportId" />
				<div class="col"><input type="text" class="OrganisationSportName sax-input" readonly="readonly" /> </div>
				<div class="fixed"><button class="SelectOrganisationSport 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=""><span>@Localiser["label.region"]</span><span class="required">&nbsp;*</span></label>
			</div>
		</div>
		<div class="col-sm">
			<div class="sax-control row">
				<input type="hidden" name="Organisation.RegionIdPrimary" class="OrganisationRegionIdPrimary" />
				<div class="col"><input type="text" class="OrganisationRegionNamePrimary sax-input" readonly="readonly" /> </div>
				<div class="fixed"><button class="SelectOrganisationRegionPrimary 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>