@* View is decoupled from Association model as it may be included in other views, eg. Contacts, Commodities etc. *@
@model SbmModel_Portal
@inject SbmLocaliser Localiser
@{
	/* Association dialog panel */
	// Ensure view is only included once in page.
	if (!Model.RegisterView("Views/Association/Panel-AssociationDialog")) return;
}

<script type="text/javascript">
	sbm.dlg.title.createAssociation = '@Localiser.GetJavascriptText("caption.association.create")';
	sbm.dlg.title.updateAssociation = '@Localiser.GetJavascriptText("caption.association.update")';
</script>

@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmAssociationId", @class = "sbm-form" }))
{
	<input type="hidden" name="Association.Id" class="AssociationId" />
}

<div id="dlgAssociation" class="sbm-dialog" title="">
	<div class="spacer2"></div>

	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmAssociation", @class = "sbm-form", @onSubmit = "return false;" }))
	{
		<input type="hidden" name="Association.Id" id="" class="AssociationId sbm-input" />
		<input type="hidden" name="Association.Exists" id="" class="AssociationExists sbm-input" />

		<div class="row">
			<div class="col-sm-6">

				@* Association Type *@
				<div class="sbm-form-control @Model_Association.GetFieldName(Model_Association.ItemField.Type)">
					<div class="row">
						<div class="col-sm-6">
							<div class="sbm-label">
								<label for="cbAssociationType"><span>@Localiser["label.type"]</span><span class="required">&nbsp;*</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								<select name="Association.Type" id="cbAssociationType" class="AssociationType sbm-select"></select>
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
			<div class="col-sm-1"></div>
			<div class="col-sm">

				@* Association status *@
				<div class="sbm-form-control @Model_Association.GetFieldName(Model_Association.ItemField.Status)">
					<div class="row">
						<div class="col-sm-5">
							<div class="sbm-label">
								<label for="cbAssociationStatus"><span>@Localiser["label.status"]</span><span class="required">&nbsp;*</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								<select id="cbAssociationStatus" class="AssociationStatus sbm-select sbm-auto-val" name="Association.StatusCode"></select>
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
		</div>

		@* Owner contact *@
		<div class="sbm-form-control @Model_Association.GetFieldName(Model_Association.ItemField.Owner)">
			<div class="row">
				<div class="col-sm-3">
					<div class="sbm-label">
						<label for="ifAssociationOwner"><span>@Localiser["label.owner"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sbm-control row">
						<div class="col">
							<input type="hidden" name="Association.ContactIdOwner" id="" class=" AssociationOwnerId sbm-input" />
							<input type="text" id="ifAssociationOwner" class="AssociationOwner sbm-input sbm-auto-val" readonly="readonly" />
						</div>
						<div class="fixed">
							@* <div class="sbm-action AssociationOwnerSearch"><img src="~/img/action/search24.png" alt="" title="" /></div> *@
						</div>
					</div>
					<div class="sbm-message"></div>
				</div>
			</div>
		</div>

		@* Target contact *@
		<div class="sbm-form-control @Model_Association.GetFieldName(Model_Association.ItemField.Target)">
			<div class="row">
				<div class="col-sm-3">
					<div class="sbm-label">
						<label for="ifAssociationTarget"><span>@Localiser["label.target"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sbm-control row">
						<div class="col">
							<input type="hidden" name="Association.TargetId" id="" class=" AssociationTargetId sbm-input" />
							<input type="text" id="ifAssociationTarget" class="AssociationTarget sbm-input sbm-auto-val" readonly="readonly" />
						</div>
						<div class="fixed">
							<div class="sbm-action AssocTargetSearch"><img src="~/img/action/search24.png" alt="" title="" /></div>
						</div>
						<div class="fixed">
							<div class="sbm-action AssocTargetEdit"><img src="~/img/action/edit24.png" alt="" title="" /></div>
						</div>
					</div>
					<div class="sbm-message"></div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-sm-6">

				@* Association Code *@
				<div class="sbm-form-control @Model_Association.GetFieldName(Model_Association.ItemField.Code)">
					<div class="row">
						<div class="col-sm-6">
							<div class="sbm-label">
								<label for="ifAssociationCode"><span>@Localiser["label.code"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								<input type="text" name="Association.Code" id="ifAssociationCode" class="AssociationCode sbm-input upper sbm-auto-val" maxlength="@Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Association_Code)" />
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
			<div class="col-sm-1"></div>
			<div class="col-sm">

				@* Association ExtRef *@
				<div class="sbm-form-control @Model_Association.GetFieldName(Model_Association.ItemField.ReferenceExt)">
					<div class="row">
						<div class="col-sm-5">
							<div class="sbm-label">
								<label for="ifAssociationExtRef"><span>@Localiser["label.reference.external"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								<input type="text" name="Association.ReferenceExt" id="ifAssociationExtRef" class="AssociationExtRef sbm-input upper sbm-auto-val" maxlength="@Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Association_ExtRef)" />
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
		</div>

		<div class="row">
			<div class="col-sm-6">

				@* Association Location *@
				<div class="sbm-form-control @Model_Association.GetFieldName(Model_Association.ItemField.Location)">
					<div class="row">
						<div class="col-sm-6">
							<div class="sbm-label">
								<label for="ifAssociationLocation"><span>@Localiser["label.location"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								<input type="text" name="Association.Location" id="ifAssociationLocation" class="AssociationLocation sbm-input sbm-auto-val" maxlength="@Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Association_Location)" />
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
			<div class="col-sm-1"></div>
			<div class="col-sm">

				@* Association Group *@
				<div class="sbm-form-control @Model_Association.GetFieldName(Model_Association.ItemField.Group)">
					<div class="row">
						<div class="col-sm-5">
							<div class="sbm-label">
								<label for="ifAssociationGroup"><span>@Localiser["label.group"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								<input type="text" name="Association.Group" id="ifAssociationGroup" class="AssociationGroup sbm-input sbm-auto-val" maxlength="@Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Association_Group)" />
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
		</div>

		@* Association Notes *@
		<div class="sbm-form-control @Model_Association.GetFieldName(Model_Association.ItemField.Notes)">
			<div class="row">
				<div class="col-sm-3">
					<div class="sbm-label">
						<label for="ifAssociationNotes"><span>@Localiser["label.notes"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sbm-control">
						<textarea name="Association.Notes" id="ifAssociationNotes" class="AssociationNotes sbm-textarea sbm-auto-val" rows="3" maxlength="@Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Association_Notes)"></textarea>
					</div>
					<div class="sbm-message"></div>
				</div>
			</div>
		</div>

	}

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

@* Contact panels. *@
<partial name="~/Views/Contact/Panel-ContactSelect.cshtml" />
<partial name="~/Views/Contact/Panel-ContactDialog.cshtml" />