<AppBarTop @leftRoute="dms-work-order.index" @title="Dms Work Order" @rightAction={{ action "saveDmsWorkOrder"  }} @rightActionInProgress={{ rightActionInProgress }} @rightIcon="bxs-message-square-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>HOYU</strong></h6>
			</div>
			<div class="col-6 col-sm mt-2 mt-sm-0 order-sm-first order-first">
			</div>
		</div>
	</div>
</section>
<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-work-order">
				<AppCard @id="dms-work-order"  @showHeader={{ true }} @parentId="dms-work-order" @title="Dms Work Order">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="WO Doc No." @valuePath="woDocNo" @isEditable={{ if formConfig.woDocNo formConfig.woDocNo.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.woDate }} @name="wo-date" @label="WO Date" @isEditable={{ if formConfig.woDate formConfig.woDate.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="WO Estimation No." @valuePath="woEstimationNo" @isEditable={{ if formConfig.woEstimationNo formConfig.woEstimationNo.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Work Order Type Code" @valuePath="workOrderTypeCode" @isEditable={{ if formConfig.workOrderTypeCode formConfig.workOrderTypeCode.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Work Order Type Desc" @valuePath="workOrderTypeDesc" @isEditable={{ if formConfig.workOrderTypeDesc formConfig.workOrderTypeDesc.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.workOrderStartDate }} @name="work-order-start-date" @label="Work Order Start Date" @isEditable={{ if formConfig.workOrderStartDate formConfig.workOrderStartDate.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.workOrderEndDate }} @name="work-order-end-date" @label="Work Order End Date" @isEditable={{ if formConfig.workOrderEndDate formConfig.workOrderEndDate.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Customer Name" @valuePath="customerName" @isEditable={{ if formConfig.customerName formConfig.customerName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Brand" @valuePath="vehicleBrand" @isEditable={{ if formConfig.vehicleBrand formConfig.vehicleBrand.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Model" @valuePath="vehicleModel" @isEditable={{ if formConfig.vehicleModel formConfig.vehicleModel.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Variant" @valuePath="vehicleVariant" @isEditable={{ if formConfig.vehicleVariant formConfig.vehicleVariant.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Chassis No." @valuePath="vehicleChassisNo" @isEditable={{ if formConfig.vehicleChassisNo formConfig.vehicleChassisNo.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Police No." @valuePath="policeNo" @isEditable={{ if formConfig.policeNo formConfig.policeNo.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Mileage" @valuePath="mileage" @isEditable={{ if formConfig.mileage formConfig.mileage.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Company Name" @valuePath="companyName" @isEditable={{ if formConfig.companyName formConfig.companyName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Profit Center Description" @valuePath="profitCenterDescription" @isEditable={{ if formConfig.profitCenterDescription formConfig.profitCenterDescription.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Grand Total Before" @valuePath="grandTotalBefore" @isEditable={{ if formConfig.grandTotalBefore formConfig.grandTotalBefore.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Grand Total Discount" @valuePath="grandTotalDiscount" @isEditable={{ if formConfig.grandTotalDiscount formConfig.grandTotalDiscount.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Grand Total After" @valuePath="grandTotalAfter" @isEditable={{ if formConfig.grandTotalAfter formConfig.grandTotalAfter.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Grand Total VAT" @valuePath="grandTotalVat" @isEditable={{ if formConfig.grandTotalVat formConfig.grandTotalVat.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Grand Total Amount" @valuePath="grandTotalAmount" @isEditable={{ if formConfig.grandTotalAmount formConfig.grandTotalAmount.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Creation User Name" @valuePath="creationUserName" @isEditable={{ if formConfig.creationUserName formConfig.creationUserName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.creationDateTime }} @name="creation-date-time" @label="Creation Date Time" @isEditable={{ if formConfig.creationDateTime formConfig.creationDateTime.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Change User Name" @valuePath="changeUserName" @isEditable={{ if formConfig.changeUserName formConfig.changeUserName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.changeDateTime }} @name="change-date-time" @label="Change Date Time" @isEditable={{ if formConfig.changeDateTime formConfig.changeDateTime.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Document Status" @valuePath="documentStatus" @isEditable={{ if formConfig.documentStatus formConfig.documentStatus.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="remark" @label="Remark" @isEditable={{ if formConfig.remark formConfig.remark.isEditable true }} />
						</div>
					</div>
				</AppCard>
				<AppCard @id="dms-work-order-detail" @showHeader={{ true }} @parentId="dms-work-order" @title="DMS Work Order Detail">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.dmsWorkOrderDetail 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.dmsWorkOrderDetail (if formConfig.dmsWorkOrderDetail.itemCode formConfig.dmsWorkOrderDetail.itemCode.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Item Name" @valuePath="itemName" @isEditable={{ if formConfig.dmsWorkOrderDetail (if formConfig.dmsWorkOrderDetail.itemName formConfig.dmsWorkOrderDetail.itemName.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Supply Qty" @valuePath="itemSupplyQty" @isEditable={{ if formConfig.dmsWorkOrderDetail (if formConfig.dmsWorkOrderDetail.itemSupplyQty formConfig.dmsWorkOrderDetail.itemSupplyQty.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Price List" @valuePath="itemPriceList" @isEditable={{ if formConfig.dmsWorkOrderDetail (if formConfig.dmsWorkOrderDetail.itemPriceList formConfig.dmsWorkOrderDetail.itemPriceList.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Sub Total" @valuePath="itemSubTotal" @isEditable={{ if formConfig.dmsWorkOrderDetail (if formConfig.dmsWorkOrderDetail.itemSubTotal formConfig.dmsWorkOrderDetail.itemSubTotal.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Discount Amount" @valuePath="itemDiscountAmount" @isEditable={{ if formConfig.dmsWorkOrderDetail (if formConfig.dmsWorkOrderDetail.itemDiscountAmount formConfig.dmsWorkOrderDetail.itemDiscountAmount.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Discount Percent" @valuePath="itemDiscountPercent" @isEditable={{ if formConfig.dmsWorkOrderDetail (if formConfig.dmsWorkOrderDetail.itemDiscountPercent formConfig.dmsWorkOrderDetail.itemDiscountPercent.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Item Sub Total Net" @valuePath="itemSubTotalNet" @isEditable={{ if formConfig.dmsWorkOrderDetail (if formConfig.dmsWorkOrderDetail.itemSubTotalNet formConfig.dmsWorkOrderDetail.itemSubTotalNet.isEditable true) true}} />
						</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-work-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-work-order-detail" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>