@* View is decoupled from Requirement model as it may be included in other views, eg. Transactions. *@
@model SbmModel_Portal
@inject SbmLocaliser Localiser
@{
	/* Requirement - Select panel */
	// Ensure view is only included once in page.
	if (!Model.RegisterView(Html.ViewContext)) return;
	Model.AdditionalFiles_JS.Add("js/sbm-req.js");
}

<script type="text/javascript">
</script>

<div id="dlgRequirementSelect" class="sbm-dialog sbm-flex sbm-no-padding" title="@Localiser["label.requirements"]">

	@using (@Html.BeginForm(FormMethod.Post, new { @id = "", @class = "frmRequirementFilter sbm-form", @onSubmit = "return false;" }))
	{
		@Html.Hidden("Filter.Mode", Model_Requirement.ViewMode.Search, new { @id = "", @class = "FilterMode" })
		@Html.Hidden("Filter.TransactionId", "", new { @id = "", @class = "FilterTransactionId" })
		@Html.Hidden("Filter.TransactionType", "", new { @id = "", @class = "FilterTransactionType" })
		<input type="hidden" class="FilterTaxEffective" />

		@* Filter Panel *@
		<div class="sbm-panel-filter">
			<div class="row">
				<div class="col-sm-4 row pb4">
					@* Requirement filter - name etc. *@
					<div class="col-4 col-sm-4 sbm-label text-left text-sm-right">@Localiser["label.search"]</div>
					<div class="col-8 col-sm-8">
						@Html.TextBox("Filter.Search", "", new { @type = "search", @id = "", @class = "FilterSearch sbm-input", @maxlength = "32" })
					</div>
				</div>
			</div>
		</div>
	}

	@* Element templates *@
	<div class="sbm-panel-item-template">

		@* Dialog Titlebar content *@
		<div class="sbm-panel-header">
			<div class="row">
				<div class="col"><partial name="~/Views/Common/ResultsPaging.cshtml" /></div>
				<div class="fixed center"><div class="sbm-panel-caption">@Localiser["label.requirements"]</div></div>
				<div class="col right">
					@* Burger menu *@
					<ul class="nav navbar-nav navbar-dark navbar-right sbm-burger">
						<li class="dropdown-toggle caret-off">
							<a href="#" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="navbar-toggler-icon"></span></a>
							<ul class="dropdown-menu dropdown-menu-right sbm-dropdown-menu">@* Menu items will be inserted here. *@</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>

		@* Dialog burger dropdown template is defined in Requirement List panel. *@

	</div>

	<partial name="Panel-RequirementList.cshtml" />

</div>

@* Commodity panels. *@
<partial name="~/Views/Commodity/Panel-CommoditySelect.cshtml" />
<partial name="~/Views/Commodity/Panel-CommodityDialog.cshtml" />