<AppBarTop @leftRoute="inbox.inbox-approval-dms" @leftRouteArgs={{"DMS_STOCK_OPNAME"}} @title="DMS Stock Opname"
	@rightRoute="approver-list" @rightRouteArgs={{ model.sourceSystemNo }} @rightIcon="bxs-user-check" />
<section class="content-header">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-6 col-sm order-sm-last text-right order-last">
				<h6 class="mb-0"><strong>DMS</strong></h6>
			</div>
			<div class="col-6 col-sm mt-2 mt-sm-0 order-sm-first order-first">
			</div>
		</div>
	</div>
</section>
{{#if this.model.isPending}}
<AppLoading @content={{true}} />
{{else}}
<section class="content-body">
	<div class="container">
		<div class="col-12">
			{{#if errorMessages}}
			<div class="alert on alert-danger alert-dismissible fade show" role="alert">
				<ul class="mb-0 ml-2">
					{{#each errorMessages as |item| }}
					<li>{{ item }}</li>
					{{/each}}
				</ul>
			</div>
			{{/if}}
			<div class="accordion-div" id="accordion-dms-stock-opname">
				<AppCard @id="dms-stock-opname" @showHeader={{ true }} @parentId="dms-stock-opname-div"
					@title="Dms Stock Opname">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Stock Opname No." @valuePath="stockOpnameNo"
								@isEditable={{ if formConfig.form.stockOpnameNo formConfig.form.stockOpnameNo.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.stockOpnameDocDate }} @name="stock-opname-doc-date"
								@label="Stock Opname Doc Date"
								@isEditable={{ if formConfig.form.stockOpnameDocDate formConfig.form.stockOpnameDocDate.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Company Name" @valuePath="companyName"
								@isEditable={{ if formConfig.form.companyName formConfig.form.companyName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Profit Center Description" @valuePath="profitCenterDescription"
								@isEditable={{ if formConfig.form.profitCenterDescription formConfig.form.profitCenterDescription.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warehouse Group" @valuePath="warehouseGroup"
								@isEditable={{ if formConfig.form.warehouseGroup formConfig.form.warehouseGroup.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warehouse Group Desc" @valuePath="warehouseGroupDesc"
								@isEditable={{ if formConfig.form.warehouseGroupDesc formConfig.form.warehouseGroupDesc.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warehouse Code" @valuePath="warehouseCode"
								@isEditable={{ if formConfig.form.warehouseCode formConfig.form.warehouseCode.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warehouse Code Desc" @valuePath="warehouseCodeDesc"
								@isEditable={{ if formConfig.form.warehouseCodeDesc formConfig.form.warehouseCodeDesc.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Item Group" @valuePath="itemGroup"
								@isEditable={{ if formConfig.form.itemGroup formConfig.form.itemGroup.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="PIC Employee No." @valuePath="picEmployeeNo"
								@isEditable={{ if formConfig.form.picEmployeeNo formConfig.form.picEmployeeNo.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="PIC Employee Name" @valuePath="picEmployeeName"
								@isEditable={{ if formConfig.form.picEmployeeName formConfig.form.picEmployeeName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Creation User Name" @valuePath="creationUserName"
								@isEditable={{ if formConfig.form.creationUserName formConfig.form.creationUserName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.creationDateTime }} @name="creation-date-time"
								@label="Creation Date Time"
								@isEditable={{ if formConfig.form.creationDateTime formConfig.form.creationDateTime.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Change User Name" @valuePath="changeUserName"
								@isEditable={{ if formConfig.form.changeUserName formConfig.form.changeUserName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.changeDateTime }} @name="change-date-time" @label="Change Date Time"
								@isEditable={{ if formConfig.form.changeDateTime formConfig.form.changeDateTime.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Document Status" @valuePath="descriptionValue"
								@isEditable={{ if formConfig.form.documentStatus formConfig.form.documentStatus.isEditable false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="remark" @label="Remark" @isEditable={{ if formConfig.form.remark formConfig.form.remark.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Qty Physical" @valuePath="totalQtyPhysical"
								@isEditable={{ if formConfig.form.totalQtyPhysical formConfig.form.totalQtyPhysical.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Qty Comp" @valuePath="totalQtyComp"
								@isEditable={{ if formConfig.form.totalQtyComp formConfig.form.totalQtyComp.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total COGS" @valuePath="totalCogs"
								@isEditable={{ if formConfig.form.totalCogs formConfig.form.totalCogs.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Cost Physical"
								@valuePath="totalCostPhysical"
								@isEditable={{ if formConfig.form.totalCostPhysical formConfig.form.totalCostPhysical.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Total Cost Comp" @valuePath="totalCostComp"
								@isEditable={{ if formConfig.form.totalCostComp formConfig.form.totalCostComp.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Diff Qty (Plus)"
								@valuePath="totalDiffQtyPlus"
								@isEditable={{ if formConfig.form.totalDiffQtyPlus formConfig.form.totalDiffQtyPlus.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Diff Qty (Minus)"
								@valuePath="totalDiffQtyMinus"
								@isEditable={{ if formConfig.form.totalDiffQtyMinus formConfig.form.totalDiffQtyMinus.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Diff Cost" @valuePath="totalDiffCost"
								@isEditable={{ if formConfig.form.totalDiffCost formConfig.form.totalDiffCost.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Damage Qty" @valuePath="totalDamageQty"
								@isEditable={{ if formConfig.form.totalDamageQty formConfig.form.totalDamageQty.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Damage Cost" @valuePath="totalDamageCost"
								@isEditable={{ if formConfig.form.totalDamageCost formConfig.form.totalDamageCost.isEditable false }} />
						</div>
					</div>
				</AppCard>
				<AppCard @id="dms-stock-opname-remarks-div" @showHeader={{ true }} @parentId="dms-stock-opname-div"
					@title="Remarks">
					<div class="row">
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								<span for="remark">Document Remark</span>
								<span class="data">{{ model.remark}}</span>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @didValidate={{ didValidate }} @valuePath="remarks"
								@label="Remarks" />
						</div>
					</div>
				</AppCard>
			</div>
		</div>
		<div class="row">
			<div class="col">
				<AppButtonApproval @inboxModel={{this.dmsStockOpname.inbox}} @model={{ model.approvalActionType }}
					@config={{ this.formConfig.button }} @submitAction={{ action "saveDmsStockOpname" }} />
			</div>
		</div>
	</div>
</section>
{{/if}}