<AppBarTop @leftRoute="hoyu-order-split-approval.index" @title="Hoyu Order Split Approval" @rightAction={{ action "saveHoyuOrderSplitApproval"  }} @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-hoyu-order-split-approval">
				<AppCard @id="hoyu-order-split-approval"  @showHeader={{ true }} @parentId="hoyu-order-split-approval" @title="Hoyu Order Split Approval">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Order Split Name" @valuePath="orderSplitName" @isEditable={{ if formConfig.orderSplitName formConfig.orderSplitName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Produk" @valuePath="namaProduk" @isEditable={{ if formConfig.namaProduk formConfig.namaProduk.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah" @valuePath="jumlah" @isEditable={{ if formConfig.jumlah formConfig.jumlah.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Status" @valuePath="status" @isEditable={{ if formConfig.status formConfig.status.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Unit Sales Order" @valuePath="unitSalesOrder" @isEditable={{ if formConfig.unitSalesOrder formConfig.unitSalesOrder.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.quotationDate }} @name="quotation-date" @label="Quotation Date" @isEditable={{ if formConfig.quotationDate formConfig.quotationDate.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Dealer" @valuePath="namaDealer" @isEditable={{ if formConfig.namaDealer formConfig.namaDealer.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kode Dealer" @valuePath="kodeDealer" @isEditable={{ if formConfig.kodeDealer formConfig.kodeDealer.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Produk disetujui" @valuePath="namaProdukDisetujui" @isEditable={{ if formConfig.namaProdukDisetujui formConfig.namaProdukDisetujui.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manufacture Code" @valuePath="manufactureCode" @isEditable={{ if formConfig.manufactureCode formConfig.manufactureCode.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Quotation Qty" @valuePath="quotationQty" @isEditable={{ if formConfig.quotationQty formConfig.quotationQty.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warna diminta" @valuePath="warnaDiminta" @isEditable={{ if formConfig.warnaDiminta formConfig.warnaDiminta.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warna disediakan" @valuePath="warnaDisediakan" @isEditable={{ if formConfig.warnaDisediakan formConfig.warnaDisediakan.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tangal }} @name="tangal" @label="Tanggal" @isEditable={{ if formConfig.tangal formConfig.tangal.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tanggalPelaksanaan }} @name="tanggal-pelaksanaan" @label="Tanggal Pelaksanaan" @isEditable={{ if formConfig.tanggalPelaksanaan formConfig.tanggalPelaksanaan.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun Produksi" @valuePath="tahunProduksi" @isEditable={{ if formConfig.tahunProduksi formConfig.tahunProduksi.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Pemilik" @valuePath="pemilik" @isEditable={{ if formConfig.pemilik formConfig.pemilik.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Perbedaan Harga" @valuePath="perbedaanHarga" @isEditable={{ if formConfig.perbedaanHarga formConfig.perbedaanHarga.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Invoice Number" @valuePath="invoiceNumber" @isEditable={{ if formConfig.invoiceNumber formConfig.invoiceNumber.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jenis Order" @valuePath="jenisOrder" @isEditable={{ if formConfig.jenisOrder formConfig.jenisOrder.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Project" @valuePath="project" @isEditable={{ if formConfig.project formConfig.project.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Final TOP" @valuePath="finalTOP" @isEditable={{ if formConfig.finalTOP formConfig.finalTOP.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Default TOP" @valuePath="defaultTOP" @isEditable={{ if formConfig.defaultTOP formConfig.defaultTOP.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Extended TOP Day" @valuePath="extendedTOPDay" @isEditable={{ if formConfig.extendedTOPDay formConfig.extendedTOPDay.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Extended TOP Ammount" @valuePath="extendedTOPAmmount" @isEditable={{ if formConfig.extendedTOPAmmount formConfig.extendedTOPAmmount.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.dueDateOfTOP }} @name="due-date-of-t-o-p" @label="Due Date of TOP" @isEditable={{ if formConfig.dueDateOfTOP formConfig.dueDateOfTOP.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Harga Kuncian" @valuePath="hargaKuncian" @isEditable={{ if formConfig.hargaKuncian formConfig.hargaKuncian.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Persetujuan Selanjutnya Oleh" @valuePath="persetujuanSelanjutnyaOleh" @isEditable={{ if formConfig.persetujuanSelanjutnyaOleh formConfig.persetujuanSelanjutnyaOleh.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="RequestedAdditionalDiscount" @valuePath="requestedAdditionalDiscount" @isEditable={{ if formConfig.requestedAdditionalDiscount formConfig.requestedAdditionalDiscount.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Final Net Price" @valuePath="finalNetPrice" @isEditable={{ if formConfig.finalNetPrice formConfig.finalNetPrice.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Ar Sales Amount" @valuePath="arSalesAmount" @isEditable={{ if formConfig.arSalesAmount formConfig.arSalesAmount.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Price Code" @valuePath="priceCode" @isEditable={{ if formConfig.priceCode formConfig.priceCode.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Term Code" @valuePath="termCode" @isEditable={{ if formConfig.termCode formConfig.termCode.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="osNotes" @label="Os Notes" @isEditable={{ if formConfig.osNotes formConfig.osNotes.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.notes formConfig.notes.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP Current" @valuePath="dNPCurrent" @isEditable={{ if formConfig.dNPCurrent formConfig.dNPCurrent.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Diskon" @valuePath="totalDiskon" @isEditable={{ if formConfig.totalDiskon formConfig.totalDiskon.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Net Price Order" @valuePath="netPriceOrder" @isEditable={{ if formConfig.netPriceOrder formConfig.netPriceOrder.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="ketTOP" @label="Ket. TOP" @isEditable={{ if formConfig.ketTOP formConfig.ketTOP.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP Quotation" @valuePath="dNPQuotation" @isEditable={{ if formConfig.dNPQuotation formConfig.dNPQuotation.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Option Discount" @valuePath="optionDiscount" @isEditable={{ if formConfig.optionDiscount formConfig.optionDiscount.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Dutro Program" @valuePath="dutroProgram" @isEditable={{ if formConfig.dutroProgram formConfig.dutroProgram.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Cash Discount" @valuePath="cashDiscount" @isEditable={{ if formConfig.cashDiscount formConfig.cashDiscount.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Event Discount" @valuePath="eventDiscount" @isEditable={{ if formConfig.eventDiscount formConfig.eventDiscount.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Approved VRF" @valuePath="approvedVRF" @isEditable={{ if formConfig.approvedVRF formConfig.approvedVRF.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Discount Quotation" @valuePath="totalDiscountQuotation" @isEditable={{ if formConfig.totalDiscountQuotation formConfig.totalDiscountQuotation.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Net Price Quotation" @valuePath="netPriceQuotation" @isEditable={{ if formConfig.netPriceQuotation formConfig.netPriceQuotation.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Quotation No" @valuePath="quotationNo" @isEditable={{ if formConfig.quotationNo formConfig.quotationNo.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="No. DO" @valuePath="noDo" @isEditable={{ if formConfig.noDo formConfig.noDo.isEditable true }} />
						</div>
					</div>
				</AppCard>
				<AppCard @id="hoyu-order-split-approval-list" @showHeader={{ true }} @parentId="hoyu-order-split-approval" @title="Hoyu Order Split Approval List">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.hoyuOrderSplitApprovalList as |item index|}}
					<div class="data-list-item mb-3">
					<div class="row">
						<div class="col-10">
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ item.approvedDate }} @name="approved-date" @label="Approved Date" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.approvedDate formConfig.hoyuOrderSplitApprovalList.approvedDate.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Additional Discount" @valuePath="additionalDiscount" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.additionalDiscount formConfig.hoyuOrderSplitApprovalList.additionalDiscount.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver" @valuePath="approver" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.approver formConfig.hoyuOrderSplitApprovalList.approver.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Status" @valuePath="status" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.status formConfig.hoyuOrderSplitApprovalList.status.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver Level" @valuePath="approverLevel" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.approverLevel formConfig.hoyuOrderSplitApprovalList.approverLevel.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Order Split ID" @valuePath="orderSplitId" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.orderSplitId formConfig.hoyuOrderSplitApprovalList.orderSplitId.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approval List Name" @valuePath="approvalListName" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.approvalListName formConfig.hoyuOrderSplitApprovalList.approvalListName.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Currency Code" @valuePath="currencyCode" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.currencyCode formConfig.hoyuOrderSplitApprovalList.currencyCode.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Supplied Product" @valuePath="suppliedProduct" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.suppliedProduct formConfig.hoyuOrderSplitApprovalList.suppliedProduct.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Quantity" @valuePath="quantity" @isEditable={{ if formConfig.hoyuOrderSplitApprovalList (if formConfig.hoyuOrderSplitApprovalList.quantity formConfig.hoyuOrderSplitApprovalList.quantity.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" "hoyu-order-split-approval-list" 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" "hoyu-order-split-approval-list" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>