@model Model_Organisation_Events
@inject SaxLocaliser Localiser
@{
	/* Organisation Events - Event dialog panel */
	//Model.AdditionalFiles_CSS.Add("lib/jquery-timepicker/jquery.timepicker.min.css");
	//Model.AdditionalFiles_JS.Add("lib/jquery-timepicker/jquery.timepicker.min.js");
	//Model.AdditionalFiles_CSS.Add("lib/bootstrap4-datetimepicker/bootstrap-datetimepicker.min.css");
	//Model.AdditionalFiles_JS.Add("lib/moment.js/moment.min.js");
	//Model.AdditionalFiles_JS.Add("lib/bootstrap4-datetimepicker/bootstrap-datetimepicker.min.js");
}

<script type="text/javascript">
	sax.dlg.title.createEvent = '@Localiser.GetJavascriptText("organisation.caption.event.create")';
	sax.dlg.title.updateEvent = '@Localiser.GetJavascriptText("organisation.caption.event.update")';
	sax.dlg.title.selectRegion = '@Localiser.GetJavascriptText("reference.caption.region.select")';
	sax.dlg.title.selectSport = '@Localiser.GetJavascriptText("reference.caption.sport.select")';
</script>
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmEventId", @class = "sax-form" }))
{
	@Html.HiddenFor(model => model.EventId, new { @class = "EventId" })
}
<div id="dlgEvent" class="sax-dialog" title="">

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

		@Html.HiddenFor(model => model.EventId, new { @id = "ifEventId", @class = "EventId" })
		@Html.HiddenFor(model => model.EventExists, new { @id = "ifEventExists", @class = "EventExists" })
		<input type="hidden" id="ifEventOrganisationId" class="EventOrganisationId" name="EventOrganisationId" value="@(Model.Filter.OrganisationId)" />

		@* Event type *@
		<div class="sax-form-control EventTypeCode">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="cbEventType"><span>@Localiser["label.type"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<select id="cbEventType" class="EventType sax-select" name="EventTypeCode"></select>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Event At date and time *@
		<div class="sax-form-control EventAtDate">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifEventAtDate"><span>@Localiser["label.occurs"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="row">
						<div class="col-sm">
							<div class="sax-control">
								<input id="ifEventAtDate" name="EventAtDate" class="EventAtDate sax-input sax-calendar" readonly="readonly" />
							</div>
							<div class="sax-message"></div>
						</div>
						<div class="col-sm">
							<div class="row">
								<div class="col pl-sm-4 pt-2">
									@Html.CheckBoxFor(model => model.EventAtTimeSet, new { @id = "chkEventAtTimeSet", @class = "sax-checkbox" })
									&nbsp;
									<span class="sax-label pointer" onclick="$('#chkEventAtTimeSet').click()">@Localiser["label.starts"]</span>
								</div>
								<div class="col">
									<div class="sax-control">
										<input type="time" id="ifEventAtTime" name="EventAtTime" class="EventAtTime sax-input" />
									</div>
									<div class="sax-message"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		@* Event To date and time *@
		<div class="sax-form-control EventToDate">
			<div class="row">
				<div class="col-sm-3 row">
					<div class="col">
						<div class="sax-label"><span>@Localiser["label.until"]</span></div>
					</div>
					<div class="fixed">
						<div class="pt-2 pr-2">
							@Html.CheckBoxFor(model => model.EventToDateSet, new { @id = "chkEventToDateSet", @class = "sax-checkbox" })
						</div>
					</div>
				</div>
				<div class="col-sm">
					<div class="row">
						<div class="col-sm">
							<div class="sax-control">
								<input id="ifEventToDate" name="EventToDate" class="EventToDate sax-input sax-calendar" readonly="readonly" />
							</div>
							<div class="sax-message"></div>
						</div>
						<div class="col-sm">
							<div class="row">
								<div class="col pl-sm-4 pt-2">
									@Html.CheckBoxFor(model => model.EventToTimeSet, new { @id = "chkEventToTimeSet", @class = "sax-checkbox" })
									&nbsp;
									<span class="sax-label pointer" onclick="$('#chkEventToTimeSet').click()">@Localiser["label.finishes"]</span>
								</div>
								<div class="col">
									<div class="sax-control">
										<input type="time" id="ifEventToTime" name="EventToTime" class="EventToTime sax-input" />
									</div>
									<div class="sax-message"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		@* Event summary *@
		<div class="sax-form-control EventSummary">
			<div class="sax-label">
				<label for="ifEventSummary"><span>@Localiser["label.summary"]</span><span class="required">&nbsp;*</span></label>
			</div>
			<div class="sax-control">
				@Html.TextAreaFor(model => model.EventSummary, new
					{
						@id = "ifEventSummary",
						@class = "EventSummary sax-textarea",
						@rows = 3,
						@maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.OrganisationEvent_Summary)
					})
			</div>
			<div class="sax-message"></div>
		</div>

		@* Event details *@
		<div class="sax-form-control EventDetails">
			<div class="sax-label">
				<label for="ifEventDetails"><span>@Localiser["label.details"]</span><span class="required">&nbsp;</span></label>
			</div>
			<div class="sax-control">
				@Html.TextAreaFor(model => model.EventDetails, new { @id = "ifEventDetails", @class = "EventDetails sax-textarea", @rows = 6, @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.OrganisationEvent_Details) })
			</div>
			<div class="sax-message"></div>
		</div>

		@* Sport *@
		<div class="sax-form-control EventSportPrimary">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifEventSportPrimaryCaption"><span>@Localiser["label.sport"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control row">
						@Html.HiddenFor(model => model.EventSportIdPrimary, new { @id = "ifEventSportIdPrimary", @class = "EventSportIdPrimary" })
						<div class="col"><input type="text" id="ifEventSportCaptionPrimary" class="EventSportCaptionPrimary sax-input" readonly="readonly" /></div>
						<div class="fixed"><button class="SelectEventSportPrimary 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>

		@* Region *@
		<div class="sax-form-control EventRegionCountry">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifEventRegionCountryCaption"><span>@Localiser["label.region"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control row">
						@Html.HiddenFor(model => model.EventRegionIdCountry, new { @id = "ifEventRegionIdCountry", @class = "EventRegionIdCountry" })
						<div class="col"><input type="text" id="ifEventRegionCaptionCountry" class="EventRegionCaptionCountry sax-input" readonly="readonly" /></div>
						<div class="fixed"><button class="SelectEventRegionCountry 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>

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

</div>

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