<AppBarTop @leftRoute="inbox.inbox-outstanding-dms" @leftRouteArgs={{ "DMS_PURCHASE_ORDER" }} @title="Outstanding Purchase Order - On Order Detail"  />
<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">
			<div class="accordion-div" id="accordion-dms-purchase-order">
				<AppCard @id="dms-purchase-order"  @showHeader={{ true }} @parentId="dms-purchase-order" @title="">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="PO No." @valuePath="poNo" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								<span for="podate">PO Date</span>
								<span class="data">{{ if (and (not-eq model.poDate null) (not (is-empty model.poDate))) (moment-format model.poDate "DD/MM/YYYY") ""}}</span>
							</div>
							{{!-- <AppInputDateTime @model={{ model.poDate }} @name="po-date" @label="PO Date" @isEditable={{ if formConfig.form.poDate formConfig.form.poDate.isEditable false }} /> --}}
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Order Type" @valuePath="orderType" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Order Type Description" @valuePath="orderTypeDescription" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Supplier Code" @valuePath="supplierCode" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Supplier Name" @valuePath="supplierName" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warehouse Code" @valuePath="warehouseCode" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warehouse Name" @valuePath="warehouseName" @isEditable={{ false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Company Code" @valuePath="companyCode" @isEditable={{ if formConfig.form.companyCode formConfig.form.companyCode.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Company Name" @valuePath="companyName" @isEditable={{ false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Profit Center Code" @valuePath="profitCenterCode" @isEditable={{ if formConfig.form.profitCenterCode formConfig.form.profitCenterCode.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Profit Center Description" @valuePath="profitCenterDescription" @isEditable={{ false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="PR Sys No." @valuePath="prSysNo" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="PR Doc No." @valuePath="prDocNo" @isEditable={{ false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Sub Total" @valuePath="grandTotalBefore" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Discount" @valuePath="grandTotalDiscount" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total After" @valuePath="grandTotalAfter" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="VAT" @valuePath="grandTotalVat" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total" @valuePath="grandTotalAmount" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Creation User Name" @valuePath="creationUserName" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								<span for="cdt">Creation Date Time</span>
								<span class="data">{{ if (and (not-eq model.creationDateTime null) (not (is-empty model.creationDateTime))) (moment-format model.creationDateTime "DD/MM/YYYY") ""}}</span>
							</div>
							{{!-- <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={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								<span for="cdt">Change Date Time</span>
								<span class="data">{{ if (and (not-eq model.changeDateTime null) (not (is-empty model.changeDateTime))) (moment-format model.changeDateTime "DD/MM/YYYY") ""}}</span>
							</div>
							{{!-- <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={{ 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>
				</AppCard>

				<AppDetailLink @title="Item List" onclick={{transition-to "dms-purchase-order.dms-purchase-order-detail" model.id}} />
				{{!-- <AppCard @id="dms-purchase-order-detail" @showHeader={{ true }} @parentId="dms-purchase-order" @title="DMS Purchase Order Detail">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.dmsPurchaseOrderDetail as |item index|}}
					<div class="data-list-item mb-3">
					<div class="row">
						<div class="col-10">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Item Code" @valuePath="itemCode" @isEditable={{ if formConfig.form.dmsPurchaseOrderDetail (if formConfig.form.dmsPurchaseOrderDetail.itemCode formConfig.form.dmsPurchaseOrderDetail.itemCode.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Item Name" @valuePath="itemName" @isEditable={{ if formConfig.form.dmsPurchaseOrderDetail (if formConfig.form.dmsPurchaseOrderDetail.itemName formConfig.form.dmsPurchaseOrderDetail.itemName.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Qty" @valuePath="itemQty" @isEditable={{ if formConfig.form.dmsPurchaseOrderDetail (if formConfig.form.dmsPurchaseOrderDetail.itemQty formConfig.form.dmsPurchaseOrderDetail.itemQty.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="item Price List" @valuePath="itemPriceList" @isEditable={{ if formConfig.form.dmsPurchaseOrderDetail (if formConfig.form.dmsPurchaseOrderDetail.itemPriceList formConfig.form.dmsPurchaseOrderDetail.itemPriceList.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Sub Total" @valuePath="itemSubTotal" @isEditable={{ if formConfig.form.dmsPurchaseOrderDetail (if formConfig.form.dmsPurchaseOrderDetail.itemSubTotal formConfig.form.dmsPurchaseOrderDetail.itemSubTotal.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Discount Percentage" @valuePath="itemDiscountPercentage" @isEditable={{ if formConfig.form.dmsPurchaseOrderDetail (if formConfig.form.dmsPurchaseOrderDetail.itemDiscountPercentage formConfig.form.dmsPurchaseOrderDetail.itemDiscountPercentage.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Discount Amount" @valuePath="itemDiscountAmount" @isEditable={{ if formConfig.form.dmsPurchaseOrderDetail (if formConfig.form.dmsPurchaseOrderDetail.itemDiscountAmount formConfig.form.dmsPurchaseOrderDetail.itemDiscountAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Sub Total Net" @valuePath="itemSubTotalNet" @isEditable={{ if formConfig.form.dmsPurchaseOrderDetail (if formConfig.form.dmsPurchaseOrderDetail.itemSubTotalNet formConfig.form.dmsPurchaseOrderDetail.itemSubTotalNet.isEditable false) false}} />
						</div>
						</div>
						<div class="col-2">
							<div class="row">
								<div class="col-12 mt-0 mb-2">
									<span class="float-left">
										<i {{action "deleteRowData" "dms-purchase-order-detail" item}} class="bx bx-x clickable ml-2"></i>
									</span>
								</div>
							</div>
						</div>
					</div>
					</div>
					{{/each}}
					</div>
					<button type="button" class="btn btn-secondary btn-sm" {{ action "addRowData" "dms-purchase-order-detail" }}>Add Row</button>
					</div>
					</div>
				</AppCard> --}}
				<AppCard @id="dms-purchase-order-remarks-div" @showHeader={{ true }} @parentId="dms-purchase-order" @title="">
					<div class="row">
						<div class="col-12 col-md-6">
							{{!-- <AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Remarks" @isEditable={{ false }}/> --}}
							<div class="detail-row-view">
								<span for="remark">Document Remark</span>
								<span class="data"><textarea class="form-control" name="remark"  disabled>{{ model.remark }}</textarea></span>
							</div>
						</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>
{{/if}}