@model Model_Sport
@inject SaxLocaliser Localiser
@{
	/* Sports - Sport dialog panel */
}

<script type="text/javascript">
	sax.dlg.title.createSport = '@Localiser.GetJavascriptText("sport.caption.sport.create")';
	sax.dlg.title.updateSport = '@Localiser.GetJavascriptText("sport.caption.sport.update")';
	sax.dlg.title.selectSport = '@Localiser.GetJavascriptText("sport.caption.sport.select")';
</script>

@* Sport Id form. *@
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmSportId", @class = "sax-form" }))
{
	@Html.HiddenFor(model => model.SportId, new { @class = "SportId" })
}

@* Sport dialog *@
<div id="dlgSport" class="sax-dialog" title="">
	<div class="spacer4"></div>

	@* Sport form *@
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmSport", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.SportId, new { @class = "SportId" })

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

		@* Sport Parent *@
		<div class="sax-form-control SportParent">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifSportNameParent"><span>@Localiser["label.parent"]</span></label>
					</div>
				</div>
				<div class="col-sm-9">
					<div class="sax-control row">
						@Html.HiddenFor(model => model.SportIdParent, new { @id = "ifSportIdParent", @class = "SportIdParent" })
						<div class="col"><input type="text" class="SportNameParent sax-input" readonly="readonly" /></div>
						<div class="fixed"><div class="sax-action ParentSportClear"><img src="~/img/action/delete24.png" alt="@(Localiser["label.clear"])" title="@(Localiser["label.clear"])" /></div></div>
						<div class="fixed"><button type="button" id="pbSelectParentSport" 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>

		@* Sport Speciality Label *@
		<div class="sax-form-control SportSpecialityLabel">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="cbSportSpecialityLabel"><span>@Localiser["label.speciality.label"]</span></label>
					</div>
				</div>
				<div class="col-sm-9">
					<div class="sax-control">
						@Html.DropDownListFor(model => model.SportSpecialityLabelCode, Model.SportSpecialityLabelCodesForSelect, new { @id = "cbSportSpecialityLabel", @class = "SportSpecialityLabel sax-select" })
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Sport Status *@
		<div class="sax-form-control SportStatus">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="cbSportStatus"><span>@Localiser["label.status"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm-9">
					<div class="sax-control">
						<select id="cbSportStatus" class="sax-select SportStatus" name="SportStatusCode"></select>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

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

</div>