@model Model_OrganisationAssociations
@inject SaxLocaliser Localiser
@* Organisation - Associations components *@

@* Organisation Association Id form. *@
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmAssociationId" }))
{
	@Html.HiddenFor(model => model.OrganisationId, new { @id = "", @class = "OrganisationId" })
	@Html.HiddenFor(model => model.ItemAssociationId, new { @id = "", @class = "ItemAssociationId" })
}

@* Organisation Association dialog. *@
<div id="dlgOrganisationAssociation" class="sax-dialog" title="@Localiser["caption.organisation.association"]">

	<div class="spacer"></div>
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmOrganisationAssociation", @class = "sax-form", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.ItemAssociationId, new { @id = "", @class = "ItemAssociationId" })
		@Html.HiddenFor(model => model.NewItem, new { @id = "", @class = "NewItem" })
		@Html.HiddenFor(model => model.OrganisationId, new { @id = "", @class = "OrganisationId" })

		@* Organisation name *@
		<div class="sax-form-control OrganisationName">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOrganisationName"><span>@Localiser["label.organisation"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<input type="text" id="ifOrganisationName" class="OrganisationName sax-input" maxlength="@Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.Organisation_Name)" disabled="disabled" />
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Association Type Option *@
		<div class="sax-form-control AssociationTypeOption">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="cbAssociationTypeOption"><span>@Localiser["label.association"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control">
						<select type="text" id="cbAssociationTypeOption" name="Association.TypeOption" class="AssociationTypeOption sax-select"></select>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

		@* Associated Organisation *@
		<div class="sax-form-control OrganisationIdAssoc">
			<div class="row">
				<div class="col-sm-3">
					<div class="sax-label">
						<label for="ifOrganisationNameAssoc"><span>@Localiser["label.associated.organisation"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sax-control row">
						<div class="col">
							<input type="hidden" name="OrganisationIdAssoc" class="OrganisationIdAssoc" />
							<input type="text" id="ifOrganisationNameAssoc" class="OrganisationNameAssoc sax-input" disabled="disabled" />
						</div>
						<div class="fixed pl4">
							<button type="button" id="pbAssocOrganisationSelect" class="sax-button">@Localiser["label.select"]</button>
						</div>
					</div>
					<div class="sax-message"></div>
				</div>
			</div>
		</div>

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