@* Codes - Code *@
@model Model_Code
@inject SbmLocaliser Localiser
@{
	ViewData["Title"] = "Codes";
	Model.AdditionalFiles_JS.Add("js/sbm-cod.js");
}

<div class="sbm-panel Codes fullheight">

	<script type="text/javascript">
		sbm.dlg.title.createItem = '@(Localiser.GetJavascriptText("caption.code.create"))';
		sbm.dlg.title.updateItem = '@(Localiser.GetJavascriptText("caption.code.update"))';
	</script>

	<div class="sbm-panel-data sbm-flex">

		@* Filter form - wrap header to include paging controls. *@
		@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmCodeFilter", @class = "sbm-form", @onSubmit = "return false;" }))
		{

			<div class="sbm-panel-header">
				<div class="row">
					<div class="fixed">
						<partial name="~/Views/Common/ResultsPaging.cshtml" />
					</div>
					<div class="col center"><div class="sbm-panel-caption">@Localiser["label.codes"]</div></div>
					<div class="fixed">
						@* 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>

			@* Filter Panel *@
			<div class="sbm-panel-filter">
				<div class="row pb4">
					<div class="col-md-6 row">
						<div class="col-sm-5 sbm-label text-left text-sm-right">@Localiser["label.code.type"]</div>
						<div class="col-sm-7">
							@Html.DropDownListFor(model => model.Filter.CodeTypeCode, Model.GetCodeTypesForSelect(), new { @id = "", @class = "FilterCodeTypeCode", @maxlength = "32" })
						</div>
					</div>
					<div class="col-md-6 row">
						<div class="col-sm-5 sbm-label text-left text-sm-right">@Localiser["label.search"]</div>
						<div class="col-sm-7">
							@Html.TextBoxFor(model => model.Filter.Search, new { @id = "", @class = "FilterSearch", @maxlength = "32" })
						</div>
					</div>
				</div>
			</div>

		}

		<div class="sbm-panel-item-table sbm-flex">
			<table class="sbm-item-list">
				<thead>
					<tr>
						<th class="pl-2" style="width:35%">@Localiser["label.type"]</th>
						<th class="" style="width:15%">@Localiser["label.code"]</th>
						<th class="" style="width:35%">@Localiser["label.description"]</th>
						<th class="center">@Localiser["label.status"]</th>
						<th class="right" style="width:2%;"></th>
					</tr>
					<tr><td colspan="6"><div class="sbm-panel-messages"></div></td></tr>
				</thead>
				<tbody></tbody>
			</table>
		</div>

	</div>

	@* Element templates *@
	<div class="sbm-panel-item-template">
		@* Filter Burger option template - ul is ignored *@
		<ul class="sbm-dropdown-menu CodeFilter">
			<li class="sbm-dropdown-item sbm-action"><div class="sbm-label">XXX</div></li>
		</ul>
		@* Code row template - table is ignored. *@
		<table class="">
			<tr class="sbm-row-item Code">
				<td><div class="CodeType pl-1"></div></td>
				<td><div class="CodeCode "></div></td>
				<td><div class="CodeDesc"></div></td>
				<td><div class="CodeStatusDesc center"></div></td>
				<td>
					<div class="right">
						@* Burger menu *@
						<ul class="nav navbar-nav navbar-light 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="sbm-ellipsis-dot"></span><span class="sbm-ellipsis-dot"></span><span class="sbm-ellipsis-dot"></span></a>
								<ul class="dropdown-menu dropdown-menu-right sbm-dropdown-menu">@* Menu items will be inserted here. *@</ul>
							</li>
						</ul>
					</div>
				</td>
			</tr>
		</table>
		@* Item Burger option template - ul is ignored *@
		<ul class="sbm-dropdown-menu Code">
			<li class="sbm-dropdown-item sbm-action"><div class="sbm-label">XXX</div></li>
		</ul>
	</div>

	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmCodeId", @onSubmit = "return false;" }))
	{
		@Html.HiddenFor(model => model.Code.Id, new { @id = "", @class = "CodeId" })
	}
	@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmCategories", @onSubmit = "return false;" }))
	{
	}
	<div id="dlgCode" class="sbm-dialog">
		<div class="spacer2"></div>
		@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmCode", @class = "sbm-form", @onSubmit = "return false;" }))
		{
			@Html.HiddenFor(model => model.Code.Exists, new { @id = "", @class = "CodeExists" })
			@Html.HiddenFor(model => model.Code.Id, new { @id = "", @class = "CodeId" })

			@* Type *@
			<div class="sbm-form-control CodeType">
				<div class="row">
					<div class="col-sm-3">
						<div class="sbm-label">
							<label for=""><span>@Localiser["label.type"]</span><span class="required">&nbsp;*</span></label>
						</div>
					</div>
					<div class="col-sm-9">
						<div class="sbc-control">
							<select name="model.Code.CodeTypeId" class="CodeType sbm-select" readonly="readonly"></select>
						</div>
						<div class="sbm-message"></div>
					</div>
				</div>
			</div>

			@* Code *@
			<div class="sbm-form-control CodeCode">
				<div class="row">
					<div class="col-sm-3">
						<div class="sbm-label">
							<label for="ifCodeCode"><span>@Localiser["label.code"]</span><span class="required">&nbsp;*</span></label>
						</div>
					</div>
					<div class="col-sm-9">
						<div class="sbm-control">
							@Html.TextBoxFor(model => model.Code.Code, new { @id = "ifCodeCode", @class = "CodeCode sbm-input", @maxlength = 3 })
						</div>
						<div class="sbm-message"></div>
					</div>
				</div>
			</div>

			@* Sequence *@
			<div class="sbm-form-control CodeSequence">
				<div class="row">
					<div class="col-sm-3">
						<div class="sbm-label">
							<label for="ifCodeSequence"><span>@Localiser["label.sequence"]</span><span class="required">&nbsp;*</span></label>
						</div>
					</div>
					<div class="col-sm-9">
						<div class="sbm-control">
							@Html.TextBoxFor(model => model.Code.Sequence, new { @id = "ifCodeSequence", @class = "CodeSequence sbm-input", @maxlength = 3 })
						</div>
						<div class="sbm-message"></div>
					</div>
				</div>
			</div>

			@* Description *@
			<div class="sbm-form-control CodeDescription">
				<div class="row">
					<div class="col-sm-3">
						<div class="sbm-label">
							<label for="ifCodeDescription"><span>@Localiser["label.description"]</span></label>
						</div>
					</div>
					<div class="col-sm-9">
						<div class="sbm-control">
							@Html.TextBoxFor(model => model.Code.Description, new { @id = "ifCodeDescription", @class = "CodeDescription sbm-input", @maxlength = @Model.GetControlMaxLength(SaCodeTypeDbDfn.ColumnIdx.SaCode_Description) })
						</div>
						<div class="sbm-message"></div>
					</div>
				</div>
			</div>

			@* Status *@
			<div class="sbm-form-control CodeStatus">
				<div class="row">
					<div class="col-sm-3">
						<div class="sbm-label">
							<label for="cbCodeStatus"><span>@Localiser["label.status"]</span><span class="required">&nbsp;*</span></label>
						</div>
					</div>
					<div class="col-sm-9">
						<div class="sbm-control">
							<select id="cbCodeStatus" class="sbm-select CodeStatus" name="Code.StatusCode"></select>
						</div>
						<div class="sbm-message"></div>
					</div>
				</div>
			</div>

			@* Notes *@
			<div class="sbm-form-control CodeNotes">
				<div class="row">
					<div class="col-sm-3">
						<div class="sbm-label">
							<label for="ifCodeNotes"><span>@Localiser["label.notes"]</span></label>
						</div>
					</div>
					<div class="col-sm">
						<div class="sbm-control">
							@Html.TextAreaFor(model => model.Code.Notes, new { @id = "ifCodeNotes", @class = "CodeNotes sbm-textarea", @rows = 3, @maxlength = @Model.GetControlMaxLength(SaCodeTypeDbDfn.ColumnIdx.SaCode_Notes) })
						</div>
						<div class="sbm-message"></div>
					</div>
				</div>
			</div>

		}
		<div class="spacer2"></div>
	</div>

	@* Select Item dialog and script *@
	<partial name="~/Views/Common/SelectItem.cshtml" />

	<script>
		sbm.data.codeTypes = [@foreach (var codeType in Model.CodeTypes)
		{
			<text>{code:'@(Localiser.GetJavascriptText(codeType.Code))',name:'@(Localiser.GetJavascriptText(codeType.Name))'},</text>
		}];
	</script>

</div>