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

<script type="text/javascript">
	sbm.dlg.title.createTransaction = '@Localiser.GetJavascriptText("caption.transaction.create")';
	sbm.dlg.title.updateTransaction = '@Localiser.GetJavascriptText("caption.transaction.update")';
</script>

@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmTransactionId", @class = "sbm-form" }))
{
	@Html.Hidden("Transaction.Id", "", new { @id = "", @class = "TransactionId" })
	@Html.Hidden("Transaction.DataGroups", "", new { @id = "", @class = "TransactionDataGroups" })
}

<div id="dlgTransaction" class="sbm-dialog" title="">

	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmTransaction", @class = "sbm-form", @onSubmit = "return false;" }))
	{
		@Html.Hidden("Transaction.Id", "", new { @id = "", @class = "TransactionId sbm-input" })
		@Html.Hidden("Transaction.Exists", "", new { @id = "", @class = "TransactionExists sbm-input" })
		<div class="spacer2"></div>

		@* Association *@
		<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.AssociationName)">
			<div class="row">
				<div class="col-sm-2">
					<div class="sbm-label">
						<label for="ifTransactionAssociationTarget"><span>@Localiser["label.association"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sbm-control row">
						<div class="col">
							@Html.Hidden("Transaction.AssociationId", "", new { @id = "", @class = "TransactionAssociationId sbm-input" })
							<input type="text" name="Transaction.Association" id="ifTransactionAssociation" readonly="readonly" class="TransactionAssociation sbm-input sbm-auto-val" maxlength=@Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Affiliate_Name) />
						</div>
						<div class="fixed">
							<div class="sbm-action AssociationTargetSearch"><img src="~/img/action/search24.png" alt="" title="" /></div>
						</div>
					</div>
					<div class="sbm-message"></div>
				</div>
			</div>
		</div>

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

				@* Reference *@
				<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.Reference)">
					<div class="row">
						<div class="col-sm-4">
							<div class="sbm-label">
								<label for="ifTransactionReference"><span>@Localiser["label.reference"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								@Html.TextBox("Transaction.Reference", "", new { @id = "ifTransactionReference", @class = "TransactionReference sbm-input upper sbm-auto-val", @readonly = true, @maxlength = @Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Transaction_Ref) })
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
			<div class="col-6">

				@* External Reference *@
				<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.ReferenceExt)">
					<div class="row pl-3">
						<div class="col-sm-4">
							<div class="sbm-label">
								<label for="ifTransactionReferenceExt"><span>@Localiser["label.reference.external"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								@Html.TextBox("Transaction.TransactionReferenceExt", "", new { @id = "ifTransactionReferenceExt", @class = "TransactionReferenceExt sbm-input upper sbm-auto-val" })
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
		</div>

		@* Narrative *@
		<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.DescBrief)">
			<div class="row">
				<div class="col-sm-2">
					<div class="sbm-label">
						<label for="ifTransactionDesc"><span>@Localiser["label.narrative"]</span><span class="required">&nbsp;*</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sbm-control">
						@Html.TextBox("Transaction.DescBrief", "", new { @id = "ifTransactionDesc", @class = "TransactionDesc sbm-input sbm-auto-val", @maxlength = @Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Transaction_DescBrief) })
					</div>
					<div class="sbm-message"></div>
				</div>
			</div>
		</div>

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

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

			</div>
			<div class="col-6">

				@* Contact *@
				<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.ContactName)">
					<div class="row pl-3">
						<div class="col-sm-4">
							<div class="sbm-label">
								<label for="ifTransactionContactName"><span>@Localiser["label.contact"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								@Html.TextBox("Transaction.ContactName", "", new { @id = "ifTransactionContactName", @class = "TransactionContactName sbm-input sbm-auto-val", @maxlen = Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Transaction_ContactName) })
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
		</div>

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

				@* Raiased date *@
				<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.Raised)">
					<div class="row">
						<div class="col-sm-4">
							<div class="sbm-label">
								<label for="ifTransactionRaised"><span>@Localiser["label.raised"]</span><span class="required">&nbsp;*</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								@Html.TextBox("Transaction.Raised", "", new { @id = "ifTransactionRaised", @class = "TransactionRaised sbm-input sbm-calendar sbm-auto-val", @maxlen = 10 })
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
			<div class="col-6">

				@* Raised by *@
				<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.RaisedBy)">
					<div class="row pl-3">
						<div class="col-sm-4">
							<div class="sbm-label">
								<label for="ifTransactionRaisedBy"><span>@Localiser["label.raised.by"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								@Html.TextBox("Transaction.RaisedBy", "", new { @id = "ifTransactionRaisedBy", @class = "TransactionRaisedBy sbm-input sbm-auto-val", @maxlen = Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Transaction_RaisedBy) })
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
		</div>

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

				@* In Progress date *@
				<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.InProgress)">
					<div class="row">
						<div class="col-sm-4">
							<div class="sbm-label">
								<label for="ifTransactionInProgress"><span>@Localiser["label.in.progress"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								@Html.TextBox("Transaction.InProgress", "", new { @id = "ifTransactionInProgress", @class = "TransactionInProgress sbm-input sbm-calendar sbm-auto-val", @maxlen = 10 })
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
			<div class="col-6">

				@* Raised by *@
				<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.Closed)">
					<div class="row pl-3">
						<div class="col-sm-4">
							<div class="sbm-label">
								<label for="ifTransactionClosed"><span>@Localiser["label.closed"]</span></label>
							</div>
						</div>
						<div class="col-sm">
							<div class="sbm-control">
								@Html.TextBox("Transaction.Closed", "", new { @id = "ifTransactionClosed", @class = "TransactionClosed sbm-input sbm-calendar sbm-auto-val", @maxlen = 10 })
							</div>
							<div class="sbm-message"></div>
						</div>
					</div>
				</div>

			</div>
		</div>

		@* Transaction Notes *@
		<div class="sbm-form-control @Model_Transaction.GetFieldName(Model_Transaction.ItemField.Notes)">
			<div class="row">
				<div class="col-sm-2">
					<div class="sbm-label">
						<label for="ifTransactionNotes"><span>@Localiser["label.notes"]</span></label>
					</div>
				</div>
				<div class="col-sm">
					<div class="sbm-control">
						@Html.TextArea("Transaction.Notes", "", new { @id = "ifTransactionNotes", @class = "TransactionNotes sbm-textarea sbm-auto-val", @rows = "3", @maxlength = @Model.GetControlMaxLength(SbmDbDfn.ColumnIdx.Transaction_Notes) })
					</div>
					<div class="sbm-message"></div>
				</div>
			</div>
		</div>

	}

</div>


@* Association panels. *@
<partial name="~/Views/Association/Panel-AssociationSelect.cshtml" />
<partial name="~/Views/Association/Panel-AssociationDialog.cshtml" />