@model SaxModel_Admin
@inject SaxLocaliser Localiser
@{
	// Ensure view is only included once in page.
	if (!Model.RegisterView("Views/Common/SelectCode")) return;
	// Scripts.
	Model.AdditionalFiles_JS.Add("js/sax-sel-cod.js");
}

<link rel="stylesheet" href="~/css/sax-selectCode.css?@Model.HrefVersion" />

<div id="dlgSelectCode" class="sax-dialog sax-form">

	@* Filter *@
	<div class="">

	</div>

	<div class="row h-100">

		@* Available codes *@
		<div class="col-sm-5">

			<div class="h-100 d-flex flex-column">
				<div class="">@Localiser["label.available"]:</div>
				<div class="spacer"></div>
				<div class="sax-selectCode-codes AvailableCodes flex-grow-1 mr-1"></div>
			</div>

		</div>

		@* Code selection *@
		<div class="col-sm-2">

			<div class="spacer8"></div>
			<div class="row">

				<div class="col-sx-6 col-sm-12 center">
					<button class="sax-button Select">@Localiser["label.select"]</button>
				</div>

				<div class="col-sx-6 col-sm-12 center">
					<button class="sax-button Remove">@Localiser["label.remove"]</button>
				</div>

			</div>

		</div>

		@* Selected codes *@
		<div class="col-sm-5">

			<div class="h-100 d-flex flex-column">
				<div class="">@Localiser["label.assigned"]:</div>
				<div class="spacer"></div>
				<div class="sax-selectCode-codes SelectedCodes flex-grow-1 ml-1"></div>
			</div>
		</div>

	</div>

	<div class="sax-panel-item-template">
		<div class="sax-panel-item Code">
			<div class="CodeDesc"></div>
		</div>
	</div>

</div>