<AppBarTop @leftRoute="inbox.inbox-approval-dms" @leftRouteArgs={{"DMS_WORK_ORDER"}} @title="DMS Work Order"
	@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-work-order">
				<AppCard @id="dms-work-order" @showHeader={{ true }} @parentId="dms-work-order" @title="">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="WO Doc No." @valuePath="woDocNo"
								@isEditable={{ if formConfig.form.woDocNo formConfig.form.woDocNo.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model }} @valuePath="woDate"
								@label="WO Date"
								@isEditable={{ if formConfig.form.woDate formConfig.form.woDate.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="WO Estimation No." @valuePath="woEstimationNo"
								@isEditable={{ if formConfig.form.woEstimationNo formConfig.form.woEstimationNo.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Work Order Type Code" @valuePath="workOrderTypeCode"
								@isEditable={{ if formConfig.form.workOrderTypeCode formConfig.form.workOrderTypeCode.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Work Order Type Desc" @valuePath="workOrderTypeDesc"
								@isEditable={{ if formConfig.form.workOrderTypeDesc formConfig.form.workOrderTypeDesc.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model }} @valuePath="workOrderStartDate"
								@label="WO Order Start Date"
								@isEditable={{ if formConfig.form.workOrderStartDate formConfig.form.workOrderStartDate.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model }} @valuePath="workOrderEndDate"
								@label="WO Order End Date"
								@isEditable={{ if formConfig.form.workOrderEndDate formConfig.form.workOrderEndDate.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Customer Name" @valuePath="customerName"
								@isEditable={{ if formConfig.form.customerName formConfig.form.customerName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Brand" @valuePath="vehicleBrand"
								@isEditable={{ if formConfig.form.vehicleBrand formConfig.form.vehicleBrand.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Model" @valuePath="vehicleModel"
								@isEditable={{ if formConfig.form.vehicleModel formConfig.form.vehicleModel.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Variant" @valuePath="vehicleVariant"
								@isEditable={{ if formConfig.form.vehicleVariant formConfig.form.vehicleVariant.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Chassis No." @valuePath="vehicleChassisNo"
								@isEditable={{ if formConfig.form.vehicleChassisNo formConfig.form.vehicleChassisNo.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Police No." @valuePath="policeNo"
								@isEditable={{ if formConfig.form.policeNo formConfig.form.policeNo.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Mileage" @valuePath="mileage" @isEditable={{ if formConfig.form.mileage formConfig.form.mileage.isEditable false }} /> --}}
							<div class="detail-row-view">
								<span for="gtv">Mileage</span>
								<span
									class="data">{{ if (and (not-eq model.mileage null) (not (is-empty model.mileage))) (custom-format-number model.mileage) ""}}</span>
							</div>
						</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 @type="number" @model={{ model }} @label="Grand Total Before" @valuePath="grandTotalBefore" @isEditable={{ if formConfig.form.grandTotalBefore formConfig.form.grandTotalBefore.isEditable false }} /> --}}
							<div class="detail-row-view">
								<span for="gtd">Sub Total</span>
								<span
									class="data">{{ if (and (not-eq model.grandTotalBefore null) (not (is-empty model.grandTotalBefore))) (custom-format-number model.grandTotalBefore) ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @type="number" @model={{ model }} @label="Grand Total Discount" @valuePath="grandTotalDiscount" @isEditable={{ if formConfig.form.grandTotalDiscount formConfig.form.grandTotalDiscount.isEditable false }} /> --}}
							<div class="detail-row-view">
								<span for="gtd">Total Discount</span>
								<span
									class="data">{{ if (and (not-eq model.grandTotalDiscount null) (not (is-empty model.grandTotalDiscount))) (custom-format-number model.grandTotalDiscount) ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @type="number" @model={{ model }} @label="Grand Total After" @valuePath="grandTotalAfter" @isEditable={{ if formConfig.form.grandTotalAfter formConfig.form.grandTotalAfter.isEditable false }} /> --}}
							<div class="detail-row-view">
								<span for="gta">Total After</span>
								<span
									class="data">{{ if (and (not-eq model.grandTotalAfter null) (not (is-empty model.grandTotalAfter))) (custom-format-number model.grandTotalAfter) ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @type="number" @model={{ model }} @label="Grand Total VAT" @valuePath="grandTotalVat" @isEditable={{ if formConfig.form.grandTotalVat formConfig.form.grandTotalVat.isEditable false }} /> --}}
							<div class="detail-row-view">
								<span for="gtv">VAT</span>
								<span
									class="data">{{ if (and (not-eq model.grandTotalVat null) (not (is-empty model.grandTotalVat))) (custom-format-number model.grandTotalVat) ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @type="number" @model={{ model }} @label="Grand Total Amount" @valuePath="grandTotalAmount" @isEditable={{ if formConfig.form.grandTotalAmount formConfig.form.grandTotalAmount.isEditable false }} /> --}}
							<div class="detail-row-view">
								<span for="gtv">Total</span>
								<span
									class="data">{{ if (and (not-eq model.grandTotalAmount null) (not (is-empty model.grandTotalAmount))) (custom-format-number model.grandTotalAmount) ""}}</span>
							</div>
						</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 }} @valuePath="creationDateTime"
								@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 }} @valuePath="changeDateTime"
								@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>
				</AppCard>
				<AppDetailLink @title="Item List"
					onclick={{transition-to "dms-work-order.dms-work-order-detail-approval" model.id}} />
				<AppCard @id="dms-work-order-remarks-div" @showHeader={{ true }} @parentId="dms-work-order" @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.dmsWorkOrder.inbox}} @model={{ model.approvalActionType }}
					@config={{ this.formConfig.button }} @submitAction={{ action "saveDmsWorkOrder" }} />
			</div>
		</div>
	</div>
</section>
{{/if}}