{{#with (changeset model) as |changeset|}}
<AppBarTop @leftRoute="hoyu-sales-order-approval.index" @title="Hoyu Sales Order Approval" @rightAction={{ action "saveHoyuSalesOrderApproval" changeset }} @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-sales-order-approval">
				<AppCard @id="hoyu-sales-order-approval"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Hoyu Sales Order Approval">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Quotation Number" @valuePath="quotationNumber" @isEditable={{ if formConfig.quotationNumber formConfig.quotationNumber.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Revision Number" @valuePath="revisionNumber" @isEditable={{ if formConfig.revisionNumber formConfig.revisionNumber.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Event" @valuePath="event" @isEditable={{ if formConfig.event formConfig.event.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kode Event" @valuePath="kodeEvent" @isEditable={{ if formConfig.kodeEvent formConfig.kodeEvent.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="Jenis Order" @valuePath="jenisOrder" @isEditable={{ if formConfig.jenisOrder formConfig.jenisOrder.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kategori" @valuePath="kategori" @isEditable={{ if formConfig.kategori formConfig.kategori.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manufacturing Code" @valuePath="manufacturingCode" @isEditable={{ if formConfig.manufacturingCode formConfig.manufacturingCode.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Model" @valuePath="model" @isEditable={{ if formConfig.model formConfig.model.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Varian" @valuePath="varian" @isEditable={{ if formConfig.varian formConfig.varian.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun VIN" @valuePath="tahunVin" @isEditable={{ if formConfig.tahunVin formConfig.tahunVin.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Tipe Karoseri" @valuePath="tipeKaroseri" @isEditable={{ if formConfig.tipeKaroseri formConfig.tipeKaroseri.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warna" @valuePath="warna" @isEditable={{ if formConfig.warna formConfig.warna.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Customer" @valuePath="customer" @isEditable={{ if formConfig.customer formConfig.customer.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 @model={{ model }} @label="Tipe Pembayaran" @valuePath="tipePembayaran" @isEditable={{ if formConfig.tipePembayaran formConfig.tipePembayaran.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<div class="form-check form-check-inline form-checkbox form-group">
								<input type="checkbox" class="form-check-input d-none" value="1" id="flag-discount-cash-{{index}}" onclick={{action (mut model.flagDiscountCash) value="target.checked"}} checked={{ eq model.flagDiscountCash "1" }}>
								<label class="form-check-label align-items-center d-flex align-items-center{{if model.flagDiscountCash " checked" ""}}" for="flag-discount-cash-{{index}}">
									<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Flag Discount Cash</span></label>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Default TOP" @valuePath="defaultTop" @isEditable={{ if formConfig.defaultTop formConfig.defaultTop.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Procurement Type" @valuePath="procurementType" @isEditable={{ if formConfig.procurementType formConfig.procurementType.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Permintaan Perpanjangan TOP" @valuePath="permintaanPerpanjanganTop" @isEditable={{ if formConfig.permintaanPerpanjanganTop formConfig.permintaanPerpanjanganTop.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Perpanjangan TOP yang diberikan" @valuePath="perpanjanganTopYangDiberikan" @isEditable={{ if formConfig.perpanjanganTopYangDiberikan formConfig.perpanjanganTopYangDiberikan.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jumlah TOP yang diberikan" @valuePath="jumlahTopYangDiberikan" @isEditable={{ if formConfig.jumlahTopYangDiberikan formConfig.jumlahTopYangDiberikan.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jumlah TOP Perpanjangan" @valuePath="jumlahTopPerpanjangan" @isEditable={{ if formConfig.jumlahTopPerpanjangan formConfig.jumlahTopPerpanjangan.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<div class="form-check form-check-inline form-checkbox form-group">
								<input type="checkbox" class="form-check-input d-none" value="1" id="permintaan-subsidi-{{index}}" onclick={{action (mut model.permintaanSubsidi) value="target.checked"}} checked={{ eq model.permintaanSubsidi "1" }}>
								<label class="form-check-label align-items-center d-flex align-items-center{{if model.permintaanSubsidi " checked" ""}}" for="permintaan-subsidi-{{index}}">
									<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Permintaan Subsidi</span></label>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Subsidi diberikan" @valuePath="subsidiDiberikan" @isEditable={{ if formConfig.subsidiDiberikan formConfig.subsidiDiberikan.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacts" @valuePath="telematicsContacts" @isEditable={{ if formConfig.telematicsContacts formConfig.telematicsContacts.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Name" @valuePath="telematicsContacsName" @isEditable={{ if formConfig.telematicsContacsName formConfig.telematicsContacsName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Email" @valuePath="telematicsContacsEmail" @isEditable={{ if formConfig.telematicsContacsEmail formConfig.telematicsContacsEmail.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Phone Number" @valuePath="telematicsContacsPhoneNumber" @isEditable={{ if formConfig.telematicsContacsPhoneNumber formConfig.telematicsContacsPhoneNumber.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Approval Level" @valuePath="approvalLevel" @isEditable={{ if formConfig.approvalLevel formConfig.approvalLevel.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="Inisiator" @valuePath="inisiator" @isEditable={{ if formConfig.inisiator formConfig.inisiator.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Harga Terkunci" @valuePath="hargaTerkunci" @isEditable={{ if formConfig.hargaTerkunci formConfig.hargaTerkunci.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Merek Kompetitor" @valuePath="merekKompetitor" @isEditable={{ if formConfig.merekKompetitor formConfig.merekKompetitor.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tanggalKadaluarsa }} @name="tanggal-kadaluarsa" @label="Tanggal Kadaluarsa" @isEditable={{ if formConfig.tanggalKadaluarsa formConfig.tanggalKadaluarsa.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="dealerNotes" @label="Dealer Notes" @isEditable={{ if formConfig.dealerNotes formConfig.dealerNotes.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Lost Order Reason" @valuePath="lostOrderReason" @isEditable={{ if formConfig.lostOrderReason formConfig.lostOrderReason.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Lost Order Notes" @valuePath="lostOrderNotes" @isEditable={{ if formConfig.lostOrderNotes formConfig.lostOrderNotes.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Opportunities" @valuePath="opportunities" @isEditable={{ if formConfig.opportunities formConfig.opportunities.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="On The Road" @valuePath="onTheRoad" @isEditable={{ if formConfig.onTheRoad formConfig.onTheRoad.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="BBN" @valuePath="bbn" @isEditable={{ if formConfig.bbn formConfig.bbn.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Off The Road" @valuePath="offTheRoad" @isEditable={{ if formConfig.offTheRoad formConfig.offTheRoad.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Margin Dealer" @valuePath="marginDealer" @isEditable={{ if formConfig.marginDealer formConfig.marginDealer.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Biaya Pengiriman" @valuePath="biayaPengiriman" @isEditable={{ if formConfig.biayaPengiriman formConfig.biayaPengiriman.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP" @valuePath="dnp" @isEditable={{ if formConfig.dnp formConfig.dnp.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah VRF yang disetujui" @valuePath="jumlahVrfYangDisetujui" @isEditable={{ if formConfig.jumlahVrfYangDisetujui formConfig.jumlahVrfYangDisetujui.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="On The Road (CR)" @valuePath="onTheRoadCr" @isEditable={{ if formConfig.onTheRoadCr formConfig.onTheRoadCr.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="BBN (CR)" @valuePath="bbnCr" @isEditable={{ if formConfig.bbnCr formConfig.bbnCr.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Off The Road (CR)" @valuePath="offTheRoadCr" @isEditable={{ if formConfig.offTheRoadCr formConfig.offTheRoadCr.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Margin Dealer (CR)" @valuePath="marginDealerCr" @isEditable={{ if formConfig.marginDealerCr formConfig.marginDealerCr.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Biaya Pengiriman (CR)" @valuePath="biayaPengirimanCr" @isEditable={{ if formConfig.biayaPengirimanCr formConfig.biayaPengirimanCr.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP (CR)" @valuePath="dnpCr" @isEditable={{ if formConfig.dnpCr formConfig.dnpCr.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Jumlah VRF" @valuePath="totalJumlahVrf" @isEditable={{ if formConfig.totalJumlahVrf formConfig.totalJumlahVrf.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP (Wholesale)" @valuePath="dnpWholesale" @isEditable={{ if formConfig.dnpWholesale formConfig.dnpWholesale.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Pilihan Diskon" @valuePath="pilihanDiskon" @isEditable={{ if formConfig.pilihanDiskon formConfig.pilihanDiskon.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Program Dutro" @valuePath="programDutro" @isEditable={{ if formConfig.programDutro formConfig.programDutro.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="Tambahan Discount yang diajukan" @valuePath="tambahanDiscountYangDiajukan" @isEditable={{ if formConfig.tambahanDiscountYangDiajukan formConfig.tambahanDiscountYangDiajukan.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="Total Harga" @valuePath="totalHarga" @isEditable={{ if formConfig.totalHarga formConfig.totalHarga.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>
				</AppCard>
				<AppCard @id="hoyu-sales-order-attachment" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Hoyu Sales Order Attachment">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.hoyuSalesOrderAttachment as |item index|}}
					<div class="data-list-item mb-3">
					<div class="row">
						<div class="col-10">
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								<span>Attachment</span>
								<span class="data">
									<FileUpload @name="attachment"
												@accept="image/*"
												@onfileadd={{action "uploadImage" changeset "attachment"}}>
										<span class="input-group">
											<span class="ember-text-field ember-view form-control">{{if changeset.attachment changeset.attachment.name "No file to upload"}}</span>
											<span class="input-group-append">
												<span class="input-group-text">
													<FaIcon @icon="folder" />
												</span>
											</span>
										</span>
									</FileUpload>
								</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ item }} @valuePath="description" @label="Description" @isEditable={{ if formConfig.hoyuSalesOrderAttachment (if formConfig.hoyuSalesOrderAttachment.description formConfig.hoyuSalesOrderAttachment.description.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-sales-order-attachment" 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-sales-order-attachment" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
				<AppCard @id="hoyu-sales-order-competitor" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Hoyu Sales Order Competitor">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.hoyuSalesOrderCompetitor 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="Competitor Name" @valuePath="competitorName" @isEditable={{ if formConfig.hoyuSalesOrderCompetitor (if formConfig.hoyuSalesOrderCompetitor.competitorName formConfig.hoyuSalesOrderCompetitor.competitorName.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Model Kendaraan Competitor" @valuePath="modelKendaraanCompetitor" @isEditable={{ if formConfig.hoyuSalesOrderCompetitor (if formConfig.hoyuSalesOrderCompetitor.modelKendaraanCompetitor formConfig.hoyuSalesOrderCompetitor.modelKendaraanCompetitor.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Harga Kendaraan Competitor" @valuePath="hargaKendaraanCompetitor" @isEditable={{ if formConfig.hoyuSalesOrderCompetitor (if formConfig.hoyuSalesOrderCompetitor.hargaKendaraanCompetitor formConfig.hoyuSalesOrderCompetitor.hargaKendaraanCompetitor.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Tipe Harga" @valuePath="tipeHarga" @isEditable={{ if formConfig.hoyuSalesOrderCompetitor (if formConfig.hoyuSalesOrderCompetitor.tipeHarga formConfig.hoyuSalesOrderCompetitor.tipeHarga.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Hino Transmission" @valuePath="hinoTransmission" @isEditable={{ if formConfig.hoyuSalesOrderCompetitor (if formConfig.hoyuSalesOrderCompetitor.hinoTransmission formConfig.hoyuSalesOrderCompetitor.hinoTransmission.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-sales-order-competitor" 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-sales-order-competitor" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
				<AppCard @id="hoyu-sales-order-product-split" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Hoyu Sales Order Product Split">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.hoyuSalesOrderProductSplit 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="Product Name" @valuePath="productName" @isEditable={{ if formConfig.hoyuSalesOrderProductSplit (if formConfig.hoyuSalesOrderProductSplit.productName formConfig.hoyuSalesOrderProductSplit.productName.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Jumlah" @valuePath="jumlah" @isEditable={{ if formConfig.hoyuSalesOrderProductSplit (if formConfig.hoyuSalesOrderProductSplit.jumlah formConfig.hoyuSalesOrderProductSplit.jumlah.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Kuantitas Disetujui" @valuePath="kuantitasDisetujui" @isEditable={{ if formConfig.hoyuSalesOrderProductSplit (if formConfig.hoyuSalesOrderProductSplit.kuantitasDisetujui formConfig.hoyuSalesOrderProductSplit.kuantitasDisetujui.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ item.rencanaTanggalPengiriman }} @name="rencana-tanggal-pengiriman" @label="Rencana Tanggal Pegiriman" @isEditable={{ if formConfig.hoyuSalesOrderProductSplit (if formConfig.hoyuSalesOrderProductSplit.rencanaTanggalPengiriman formConfig.hoyuSalesOrderProductSplit.rencanaTanggalPengiriman.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ item.tanggalDisetujui }} @name="tanggal-disetujui" @label="Tanggal disetujui" @isEditable={{ if formConfig.hoyuSalesOrderProductSplit (if formConfig.hoyuSalesOrderProductSplit.tanggalDisetujui formConfig.hoyuSalesOrderProductSplit.tanggalDisetujui.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Tahun Produksi" @valuePath="tahunProduksi" @isEditable={{ if formConfig.hoyuSalesOrderProductSplit (if formConfig.hoyuSalesOrderProductSplit.tahunProduksi formConfig.hoyuSalesOrderProductSplit.tahunProduksi.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Warna" @valuePath="warna" @isEditable={{ if formConfig.hoyuSalesOrderProductSplit (if formConfig.hoyuSalesOrderProductSplit.warna formConfig.hoyuSalesOrderProductSplit.warna.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Warna disetujui" @valuePath="warnaDisetujui" @isEditable={{ if formConfig.hoyuSalesOrderProductSplit (if formConfig.hoyuSalesOrderProductSplit.warnaDisetujui formConfig.hoyuSalesOrderProductSplit.warnaDisetujui.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-sales-order-product-split" 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-sales-order-product-split" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
				<AppCard @id="hoyu-sales-order-approval-list" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Hoyu Sales Order Approval List">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.hoyuSalesOrderApprovalList 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="Approver" @valuePath="approver" @isEditable={{ if formConfig.hoyuSalesOrderApprovalList (if formConfig.hoyuSalesOrderApprovalList.approver formConfig.hoyuSalesOrderApprovalList.approver.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ item.approverDate }} @name="approver-date" @label="Approver Date" @isEditable={{ if formConfig.hoyuSalesOrderApprovalList (if formConfig.hoyuSalesOrderApprovalList.approverDate formConfig.hoyuSalesOrderApprovalList.approverDate.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver VRF Amount" @valuePath="approverVrfAmount" @isEditable={{ if formConfig.hoyuSalesOrderApprovalList (if formConfig.hoyuSalesOrderApprovalList.approverVrfAmount formConfig.hoyuSalesOrderApprovalList.approverVrfAmount.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Extended TOP" @valuePath="extendedTop" @isEditable={{ if formConfig.hoyuSalesOrderApprovalList (if formConfig.hoyuSalesOrderApprovalList.extendedTop formConfig.hoyuSalesOrderApprovalList.extendedTop.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="TOP Amount" @valuePath="topAmount" @isEditable={{ if formConfig.hoyuSalesOrderApprovalList (if formConfig.hoyuSalesOrderApprovalList.topAmount formConfig.hoyuSalesOrderApprovalList.topAmount.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Subsidy Amount" @valuePath="subsidyAmount" @isEditable={{ if formConfig.hoyuSalesOrderApprovalList (if formConfig.hoyuSalesOrderApprovalList.subsidyAmount formConfig.hoyuSalesOrderApprovalList.subsidyAmount.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ item }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.hoyuSalesOrderApprovalList (if formConfig.hoyuSalesOrderApprovalList.notes formConfig.hoyuSalesOrderApprovalList.notes.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-sales-order-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-sales-order-approval-list" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
				<AppCard @id="hoyu-sales-order-available-vehicle" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Hoyu Sales Order Available Vehicle">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.hoyuSalesOrderAvailableVehicle 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="VIN" @valuePath="vin" @isEditable={{ if formConfig.hoyuSalesOrderAvailableVehicle (if formConfig.hoyuSalesOrderAvailableVehicle.vin formConfig.hoyuSalesOrderAvailableVehicle.vin.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Manufacturing Code" @valuePath="manufacturingCode" @isEditable={{ if formConfig.hoyuSalesOrderAvailableVehicle (if formConfig.hoyuSalesOrderAvailableVehicle.manufacturingCode formConfig.hoyuSalesOrderAvailableVehicle.manufacturingCode.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Manufacturing Year" @valuePath="manufacturingYear" @isEditable={{ if formConfig.hoyuSalesOrderAvailableVehicle (if formConfig.hoyuSalesOrderAvailableVehicle.manufacturingYear formConfig.hoyuSalesOrderAvailableVehicle.manufacturingYear.isEditable true) true}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Color" @valuePath="color" @isEditable={{ if formConfig.hoyuSalesOrderAvailableVehicle (if formConfig.hoyuSalesOrderAvailableVehicle.color formConfig.hoyuSalesOrderAvailableVehicle.color.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-sales-order-available-vehicle" 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-sales-order-available-vehicle" }}>Add Row</button>
					</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>
{{/with}}