@model SaxModel_Online
@inject SaxLocaliser Localiser

	<link rel="stylesheet" href="~/css/sax-code-sel.css?@Model.HrefVersion" />
	<script src="~/js/sax-code-sel.js?@Model.HrefVersion"></script>
	<script type="text/javascript">
	</script>

	<div id="dlgCodeSelect" class="sax-dialog sax-form" style="padding-bottom:8px;">

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

		<div class="row h-100">

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

				<div class="h-100 sax-codeSelect-codes AvailableCodes"></div>

			</div>

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

				<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 sax-codeSelect-codes SelectedCodes">

				</div>
			</div>

		</div>

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

	</div>