@model Model_Organisation_Opportunities
@inject SaxLocaliser Localiser
@{
	/* Organisation Opportunities - Opportunity dialog panel */
}

<script type="text/javascript">
	sax.dlg.title.createOpportunity = '@Localiser.GetJavascriptText("organisation.caption.opportunity.create")';
	sax.dlg.title.updateOpportunity = '@Localiser.GetJavascriptText("organisation.caption.opportunity.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 = "frmOpportunityId", @class = "sax-form" }))
{
	@Html.HiddenFor(model => model.OpportunityId, new { @class = "OpportunityId" })
}
<div id="dlgOpportunity" class="sax-dialog" title="">

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

		@Html.HiddenFor(model => model.OpportunityId, new { @id = "ifOpportunityId", @class = "OpportunityId" })
		@Html.HiddenFor(model => model.OpportunityExists, new { @id = "ifOpportunityExists", @class = "OpportunityExists" })
		<input type="hidden" id="ifOpportunityOrganisationId" class="OpportunityOrganisationId" name="OpportunityOrganisationId" value="@(Model.Filter.OrganisationId)" />

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

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

		@* Opportunity outline *@
		<div class="sax-form-control OpportunityOutline">
			<div class="sax-label">
				<label for="ifOpportunityOutline"><span>@Localiser["label.outline"]</span><span class="required">&nbsp;*</span></label>
			</div>
			<div class="sax-control">
				@Html.TextAreaFor(model => model.OpportunityOutline, new { @id = "ifOpportunityOutline", @class = "OpportunityOutline sax-input", @rows = 4, @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.OrganisationOpportunity_Outline) })
			</div>
			<div class="sax-message"></div>
		</div>

		@* Sport *@
		<div class="sax-form-control OpportunitySportId">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOpportunitySportCaption"><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.OpportunitySportId, new { @id = "ifOpportunitySportId", @class = "OpportunitySportId" })
						<div class="col"><input type="text" id="ifOpportunitySportCaption" class="OpportunitySportCaption sax-input" readonly="readonly" ondblclick="sax.selectSport()" /></div>
						<div class="fixed"><button class="SelectSport sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px" onclick="sax.selectSport()">@Localiser["label.select"]</button></div>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Region *@
		<div class="sax-form-control OpportunityRegionId">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOpportunityRegionCaption"><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.OpportunityRegionId, new { @id = "ifOpportunityRegionId", @class = "OpportunityRegionId" })
						<div class="col"><input type="text" id="ifOpportunityRegionCaption" class="OpportunityRegionCaption sax-input" readonly="readonly" ondblclick="sax.selectRegion()" /></div>
						<div class="fixed"><button class="SelectRegion sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px" onclick="sax.selectRegion()">@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" />