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

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

<div id="dlgVehicleClassSelect" class="sbm-dialog sbm-flex sbm-no-padding" title="@Localiser["caption.contact.select"]">

	@using (@Html.BeginForm(FormMethod.Post, new { @id = "", @class = "frmVehicleClassFilter sbm-form", @onSubmit = "return false;" }))
	{
		@Html.Hidden("Filter.Mode", Model_VehicleClass.ViewMode.Search, new { @id = "" })

		@* Filter Panel *@
		<div class="sbm-panel-filter">
			<div class="row">
				<div class="col-sm-4 row pb4">
					@* VehicleClass type *@
					<div class="col-4 col-sm-4 sbm-label text-left text-sm-right">@Localiser["label.type"]</div>
					<div class="col-8 col-sm-8">
						@Html.DropDownList("Filter.VehicleType", Model.GetVehicleTypeCodesForFilterDropdown(), Localiser["label.any"], new { @id = "", @class = "FilterVehicleType sbm-select" })
					</div>
				</div>
				<div class="col-sm-4"></div>
				<div class="col-sm-4 row pb4">
					@* VehicleClass 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>
	}

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

</div>