<AppBarTop @leftRoute="inbox.inbox-approval-hoyu" @leftRouteArgs={{ "HOYU_SALES_ORDER_APPROVAL" }} @title="Unit Sales 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">
				{{#if (eq (uppercase model.jenisOrder) 'VRF (SPECIAL DISCOUNT)')}}
					<h6 class="mb-0"><strong>VRF</strong></h6>
				{{/if}}
				{{#if (eq (uppercase model.jenisOrder) 'NORMAL')}}
					<h6 class="mb-0"><strong>NORMAL</strong></h6>
				{{/if}}
				{{#if (eq (uppercase model.jenisOrder) 'RETAIL')}}
					<h6 class="mb-0"><strong>RETAIL</strong></h6>
				{{/if}}
			</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">
			{{!-- Tampilan VRF --}}
			{{#if (or (eq (uppercase model.jenisOrder) 'VRF (SPECIAL DISCOUNT)') (eq (uppercase model.jenisOrder) 'VRF'))}}
			<div class="accordion-div" id="accordion-hoyu-sales-order-approval">
				<AppCard @id="hoyu-sales-order-approval"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Summary">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Quotation Number" @valuePath="quotationNumber" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Revision Number" @valuePath="revisionNumber" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kode Event" @valuePath="kodeEvent" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Produk" @valuePath="namaProduk" @isEditable={{ false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Event" @valuePath="event" @isEditable={{ if formConfig.form.event formConfig.form.event.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah" @valuePath="jumlah" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jenis Order" @valuePath="jenisOrder" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kategori" @valuePath="kategori" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manufacturing Code" @valuePath="manufacturingCode" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Model" @valuePath="model" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Varian" @valuePath="varian" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun VIN" @valuePath="tahunVin" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Tipe Karoseri" @valuePath="tipeKaroseri" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warna" @valuePath="warna" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Customer" @valuePath="customer" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Pemilik" @valuePath="pemilik" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Tipe Pembayaran" @valuePath="tipePembayaran" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
							<span for="flagdiscountcash">Flag Discount Cash</span>
							{{#if (or (eq (uppercase model.flagDiscountCash) 'YES') (eq (uppercase model.flagDiscountCash) 'Y'))}}
								<span class="data">Yes</span>
								{{else}}
								<span class="data">No</span>
							{{/if}}
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Default TOP" @valuePath="defaultTop" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Procurement Type" @valuePath="procurementType" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Permintaan Perpanjangan TOP" @valuePath="permintaanPerpanjanganTop" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Perpanjangan TOP yang diberikan" @valuePath="perpanjanganTopYangDiberikan" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jumlah TOP yang diberikan" @valuePath="jumlahTopYangDiberikan" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jumlah TOP Perpanjangan" @valuePath="jumlahTopPerpanjangan" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
							<span for="flagdiscountcash">Permintaan Subsidi</span>
							<span class="data">{{ if model.permintaanSubsidi "Yes" "No"}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Approval Level" @valuePath="approvalLevel" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Status" @valuePath="status" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Inisiator" @valuePath="inisiator" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Harga Terkunci" @valuePath="hargaTerkunci" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Merek Kompetitor" @valuePath="merekKompetitor" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Attachment" @valuePath="None" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
								<span for="wodate">Tanggal Kadaluarsa</span>
								<span class="data">{{ if (and (not-eq model.tanggalKadaluarsa null) (not (is-empty model.tanggalKadaluarsa))) (moment-format model.tanggalKadaluarsa "DD-MMM-YYYY") ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="dealerNotes" @label="Dealer Notes" @isEditable={{ false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.form.notes formConfig.form.notes.isEditable false }} />
						</div> --}}
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Lost Order Reason" @valuePath="lostOrderReasonValue"
									@isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Lost Order Notes" @valuePath="lostOrderNotes" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Opportunities" @valuePath="opportunities" @isEditable={{ false }} />
						</div>
					</div>
				</AppCard>

				<AppCard @id="hoyu-sales-order-price-comparison"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Price Comparison">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="On The Road" @valuePath="onTheRoad" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="On The Road (CR)" @valuePath="onTheRoadCr" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="BBN" @valuePath="bbn" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="BBN (CR)" @valuePath="bbnCr" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Off The Road" @valuePath="offTheRoad" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Off The Road (CR)" @valuePath="offTheRoadCr" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Margin Dealer" @valuePath="marginDealer" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Margin Dealer (CR)" @valuePath="marginDealerCr" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Biaya Pengiriman" @valuePath="biayaPengiriman" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Biaya Pengiriman (CR)" @valuePath="biayaPengirimanCr" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="DNP" @valuePath="dnp" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="DNP (CR)" @valuePath="dnpCr" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Jumlah VRF yang disetujui" @valuePath="jumlahVrfYangDisetujui" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Jumlah VRF" @valuePath="totalJumlahVrf" @isEditable={{ false }} />
						</div>
					</div>
				</AppCard>

				<AppCard @id="hoyu-sales-order-discount"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Total Discount">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="DNP (Wholesale)" @valuePath="dnpWholesale" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Pilihan Diskon" @valuePath="pilihanDiskon" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Program Dutro" @valuePath="programDutro" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Cash Discount" @valuePath="cashDiscount" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Event Discount" @valuePath="eventDiscount" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Diskon" @valuePath="totalDiskon" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Harga" @valuePath="totalHarga" @isEditable={{ false }} />
						</div>
					</div>
				</AppCard>

				<AppCard @id="hoyu-sales-order-information"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Information">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Created By" @valuePath="createdBy" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
								<span for="wodate">Created Date</span>
								<span class="data">{{ if (and (not-eq model.createdAt null) (not (is-empty model.createdAt))) (moment-format model.createdAt "DD-MM-YYYY") ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Last Updated By" @valuePath="updatedBy" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
								<span for="wodate">Last Updated Date</span>
								<span class="data">{{ if (and (not-eq model.updatedAt null) (not (is-empty model.updatedAt))) (moment-format model.updatedAt "DD-MM-YYYY") ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="notes" @label="Notes" />
						</div>

						{{!-- <div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Unit Sales Order ID" @valuePath="unitSalesOrderId" @isEditable={{ if formConfig.form.unitSalesOrderId formConfig.form.unitSalesOrderId.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Account ID" @valuePath="accountId" @isEditable={{ if formConfig.form.accountId formConfig.form.accountId.isEditable false }} />
						</div>

						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Procurement Type" @valuePath="procurementType" @isEditable={{ if formConfig.form.procurementType formConfig.form.procurementType.isEditable false }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jumlah TOP Perpanjangan" @valuePath="jumlahTOPPerpanjangan" @isEditable={{ if formConfig.form.jumlahTOPPerpanjangan formConfig.form.jumlahTOPPerpanjangan.isEditable false }} />
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Subsidi diberikan" @valuePath="subsidiDiberikan" @isEditable={{ if formConfig.form.subsidiDiberikan formConfig.form.subsidiDiberikan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacts" @valuePath="telematicsContacts" @isEditable={{ if formConfig.form.telematicsContacts formConfig.form.telematicsContacts.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Name" @valuePath="telematicsContacsName" @isEditable={{ if formConfig.form.telematicsContacsName formConfig.form.telematicsContacsName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Email" @valuePath="telematicsContacsEmail" @isEditable={{ if formConfig.form.telematicsContacsEmail formConfig.form.telematicsContacsEmail.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Phone Number" @valuePath="telematicsContacsPhoneNumber" @isEditable={{ if formConfig.form.telematicsContacsPhoneNumber formConfig.form.telematicsContacsPhoneNumber.isEditable false }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Inisiator" @valuePath="inisiator" @isEditable={{ if formConfig.form.inisiator formConfig.form.inisiator.isEditable false }} />
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Merek Kompetitor" @valuePath="merekKompetitor" @isEditable={{ if formConfig.form.merekKompetitor formConfig.form.merekKompetitor.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tanggalKadaluarsa }} @name="tanggal-kadaluarsa" @label="Tanggal Kadaluarsa" @isEditable={{ if formConfig.form.tanggalKadaluarsa formConfig.form.tanggalKadaluarsa.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="dealerNotes" @label="Dealer Notes" @isEditable={{ if formConfig.form.dealerNotes formConfig.form.dealerNotes.isEditable false }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Opportunities" @valuePath="opportunities" @isEditable={{ if formConfig.form.opportunities formConfig.form.opportunities.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="On The Road" @valuePath="onTheRoad" @isEditable={{ if formConfig.form.onTheRoad formConfig.form.onTheRoad.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="BBN" @valuePath="bBN" @isEditable={{ if formConfig.form.bBN formConfig.form.bBN.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Off The Road" @valuePath="offTheRoad" @isEditable={{ if formConfig.form.offTheRoad formConfig.form.offTheRoad.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Margin Dealer" @valuePath="marginDealer" @isEditable={{ if formConfig.form.marginDealer formConfig.form.marginDealer.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Biaya Pengiriman" @valuePath="biayaPengiriman" @isEditable={{ if formConfig.form.biayaPengiriman formConfig.form.biayaPengiriman.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP" @valuePath="dNP" @isEditable={{ if formConfig.form.dNP formConfig.form.dNP.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah VRF yang disetujui" @valuePath="jumlahVRFYangDisetujui" @isEditable={{ if formConfig.form.jumlahVRFYangDisetujui formConfig.form.jumlahVRFYangDisetujui.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="On The Road (CR)" @valuePath="onTheRoadCR" @isEditable={{ if formConfig.form.onTheRoadCR formConfig.form.onTheRoadCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="BBN (CR)" @valuePath="bBNCR" @isEditable={{ if formConfig.form.bBNCR formConfig.form.bBNCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Off The Road (CR)" @valuePath="offTheRoadCR" @isEditable={{ if formConfig.form.offTheRoadCR formConfig.form.offTheRoadCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Margin Dealer (CR)" @valuePath="marginDealerCR" @isEditable={{ if formConfig.form.marginDealerCR formConfig.form.marginDealerCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Biaya Pengiriman (CR)" @valuePath="biayaPengirimanCR" @isEditable={{ if formConfig.form.biayaPengirimanCR formConfig.form.biayaPengirimanCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP (CR)" @valuePath="dNPCR" @isEditable={{ if formConfig.form.dNPCR formConfig.form.dNPCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Jumlah VRF" @valuePath="totalJumlahVRF" @isEditable={{ if formConfig.form.totalJumlahVRF formConfig.form.totalJumlahVRF.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP (Wholesale)" @valuePath="dNPWholesale" @isEditable={{ if formConfig.form.dNPWholesale formConfig.form.dNPWholesale.isEditable false }} />
						</div>
						
						
						
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tambahan Discount yang diajukan" @valuePath="tambahanDiscountYangDiajukan" @isEditable={{ if formConfig.form.tambahanDiscountYangDiajukan formConfig.form.tambahanDiscountYangDiajukan.isEditable false }} />
						</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.form.hoyuSalesOrderAttachment (if formConfig.form.hoyuSalesOrderAttachment.description formConfig.form.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="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.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.competitorName formConfig.form.hoyuSalesOrderCompetitor.competitorName.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Model Kendaraan Competitor" @valuePath="modelKendaraanCompetitor" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.modelKendaraanCompetitor formConfig.form.hoyuSalesOrderCompetitor.modelKendaraanCompetitor.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Harga Kendaraan Competitor" @valuePath="hargaKendaraanCompetitor" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.hargaKendaraanCompetitor formConfig.form.hoyuSalesOrderCompetitor.hargaKendaraanCompetitor.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Tipe Harga" @valuePath="tipeHarga" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.tipeHarga formConfig.form.hoyuSalesOrderCompetitor.tipeHarga.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Hino Transmission" @valuePath="hinoTransmission" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.hinoTransmission formConfig.form.hoyuSalesOrderCompetitor.hinoTransmission.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" "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="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.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.productName formConfig.form.hoyuSalesOrderProductSplit.productName.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Jumlah" @valuePath="jumlah" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.jumlah formConfig.form.hoyuSalesOrderProductSplit.jumlah.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Kuantitas Disetujui" @valuePath="kuantitasDisetujui" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.kuantitasDisetujui formConfig.form.hoyuSalesOrderProductSplit.kuantitasDisetujui.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ item.rencanaTanggalPengiriman }} @name="rencana-tanggal-pengiriman" @label="Rencana Tanggal Pegiriman" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.rencanaTanggalPengiriman formConfig.form.hoyuSalesOrderProductSplit.rencanaTanggalPengiriman.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ item.tanggalDisetujui }} @name="tanggal-disetujui" @label="Tanggal disetujui" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.tanggalDisetujui formConfig.form.hoyuSalesOrderProductSplit.tanggalDisetujui.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Tahun Produksi" @valuePath="tahunProduksi" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.tahunProduksi formConfig.form.hoyuSalesOrderProductSplit.tahunProduksi.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Warna" @valuePath="warna" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.warna formConfig.form.hoyuSalesOrderProductSplit.warna.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Warna disetujui" @valuePath="warnaDisetujui" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.warnaDisetujui formConfig.form.hoyuSalesOrderProductSplit.warnaDisetujui.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" "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-order-split" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Order Split">
					<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.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approver formConfig.form.hoyuSalesOrderApprovalList.approver.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ item.approverDate }} @name="approver-date" @label="Approver Date" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverDate formConfig.form.hoyuSalesOrderApprovalList.approverDate.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver VRF Amount" @valuePath="approverVRFAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Extended TOP" @valuePath="extendedTOP" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.extendedTOP formConfig.form.hoyuSalesOrderApprovalList.extendedTOP.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="TOP Amount" @valuePath="tOPAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.tOPAmount formConfig.form.hoyuSalesOrderApprovalList.tOPAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Subsidy Amount" @valuePath="subsidyAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ item }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.notes formConfig.form.hoyuSalesOrderApprovalList.notes.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" "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-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.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approver formConfig.form.hoyuSalesOrderApprovalList.approver.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ item.approverDate }} @name="approver-date" @label="Approver Date" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverDate formConfig.form.hoyuSalesOrderApprovalList.approverDate.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver VRF Amount" @valuePath="approverVRFAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Extended TOP" @valuePath="extendedTOP" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.extendedTOP formConfig.form.hoyuSalesOrderApprovalList.extendedTOP.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="TOP Amount" @valuePath="tOPAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.tOPAmount formConfig.form.hoyuSalesOrderApprovalList.tOPAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Subsidy Amount" @valuePath="subsidyAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ item }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.notes formConfig.form.hoyuSalesOrderApprovalList.notes.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" "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-approval-remarks-div" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Remarks">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Remarks" />
						</div>
					</div>
				</AppCard> --}}
				<AppDetailLink @title="Competitor" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-competitor" model.id}} />
				<AppDetailLink @title="Product Split" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-product-split" model.id}} />
				<AppDetailLink @title="Order Split" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-order-split" model.id}} />
			</div>

			{{/if}}

			{{!-- Tampilan Retail --}}
			{{#if (eq (uppercase model.jenisOrder) 'RETAIL')}}
			<div class="accordion-div" id="accordion-hoyu-sales-order-approval">
				<AppCard @id="hoyu-sales-order-approval"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Summary">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Quotation Number" @valuePath="quotationNumber" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Revision Number" @valuePath="revisionNumber" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Produk" @valuePath="namaProduk" @isEditable={{ false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Event" @valuePath="event" @isEditable={{ if formConfig.form.event formConfig.form.event.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kode Event" @valuePath="kodeEvent" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jenis Order" @valuePath="jenisOrder" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kategori" @valuePath="kategori" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manufacturing Code" @valuePath="manufacturingCode" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Model" @valuePath="model" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Varian" @valuePath="varian" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun VIN" @valuePath="tahunVin" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Tipe Karoseri" @valuePath="tipeKaroseri" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warna" @valuePath="warna" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Customer" @valuePath="customer" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Pemilik" @valuePath="pemilik" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah" @valuePath="jumlah" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Tipe Pembayaran" @valuePath="tipePembayaran" @isEditable={{ false }} />
						</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={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Status" @valuePath="status" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Attachment" @valuePath="None" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="notes" @label="Notes" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Subsidi diberikan" @valuePath="subsidiDiberikan" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacts" @valuePath="telematicsContacts" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Name" @valuePath="telematicsContacsName" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Email" @valuePath="telematicsContacsEmail" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Phone Number" @valuePath="telematicsContacsPhoneNumber" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Opportunities" @valuePath="opportunities" @isEditable={{ false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Permintaan Perpanjangan TOP" @valuePath="permintaanPerpanjanganTop" @isEditable={{ if formConfig.form.permintaanPerpanjanganTop formConfig.form.permintaanPerpanjanganTop.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Perpanjangan TOP yang diberikan" @valuePath="perpanjanganTopYangDiberikan" @isEditable={{ if formConfig.form.perpanjanganTopYangDiberikan formConfig.form.perpanjanganTopYangDiberikan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jumlah TOP yang diberikan" @valuePath="jumlahTopYangDiberikan" @isEditable={{ if formConfig.form.jumlahTopYangDiberikan formConfig.form.jumlahTopYangDiberikan.isEditable false }} />
						</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="Approval Level" @valuePath="approvalLevel" @isEditable={{ if formConfig.form.approvalLevel formConfig.form.approvalLevel.isEditable false }} />
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Harga Terkunci" @valuePath="hargaTerkunci" @isEditable={{ if formConfig.form.hargaTerkunci formConfig.form.hargaTerkunci.isEditable false }} />
						</div>
						
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Lost Order Reason" @valuePath="lostOrderReason" @isEditable={{ if formConfig.form.lostOrderReason formConfig.form.lostOrderReason.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Lost Order Notes" @valuePath="lostOrderNotes" @isEditable={{ if formConfig.form.lostOrderNotes formConfig.form.lostOrderNotes.isEditable false }} />
						</div> --}}
					</div>
				</AppCard>

				<AppCard @id="hoyu-sales-order-discount"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Total Discount">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="DNP (Wholesale)" @valuePath="dnpWholesale" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Event Discount" @valuePath="eventDiscount" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Cash Discount" @valuePath="cashDiscount" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Tambahan Discount yang diajukan" @valuePath="tambahanDiscountYangDiajukan" @isEditable={{ false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Pilihan Diskon" @valuePath="pilihanDiskon" @isEditable={{ if formConfig.form.pilihanDiskon formConfig.form.pilihanDiskon.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Program Dutro" @valuePath="programDutro" @isEditable={{ if formConfig.form.programDutro formConfig.form.programDutro.isEditable false }} />
						</div> --}}
						
						
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Diskon" @valuePath="totalDiskon" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Harga" @valuePath="totalHarga" @isEditable={{ false }} />
						</div>
					</div>
				</AppCard>

				<AppCard @id="hoyu-sales-order-information"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Information">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Created By" @valuePath="createdBy" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
								<span for="wodate">Created Date</span>
								<span class="data">{{ if (and (not-eq model.createdAt null) (not (is-empty model.createdAt))) (moment-format model.createdAt "DD-MM-YYYY") ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Last Updated By" @valuePath="updatedBy" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
								<span for="wodate">Last Updated Date</span>
								<span class="data">{{ if (and (not-eq model.updatedAt null) (not (is-empty model.updatedAt))) (moment-format model.updatedAt "DD-MM-YYYY") ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="notes" @label="Remarks" />
						</div>

						{{!-- <div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Unit Sales Order ID" @valuePath="unitSalesOrderId" @isEditable={{ if formConfig.form.unitSalesOrderId formConfig.form.unitSalesOrderId.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Account ID" @valuePath="accountId" @isEditable={{ if formConfig.form.accountId formConfig.form.accountId.isEditable false }} />
						</div>

						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Procurement Type" @valuePath="procurementType" @isEditable={{ if formConfig.form.procurementType formConfig.form.procurementType.isEditable false }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jumlah TOP Perpanjangan" @valuePath="jumlahTOPPerpanjangan" @isEditable={{ if formConfig.form.jumlahTOPPerpanjangan formConfig.form.jumlahTOPPerpanjangan.isEditable false }} />
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Subsidi diberikan" @valuePath="subsidiDiberikan" @isEditable={{ if formConfig.form.subsidiDiberikan formConfig.form.subsidiDiberikan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacts" @valuePath="telematicsContacts" @isEditable={{ if formConfig.form.telematicsContacts formConfig.form.telematicsContacts.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Name" @valuePath="telematicsContacsName" @isEditable={{ if formConfig.form.telematicsContacsName formConfig.form.telematicsContacsName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Email" @valuePath="telematicsContacsEmail" @isEditable={{ if formConfig.form.telematicsContacsEmail formConfig.form.telematicsContacsEmail.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Phone Number" @valuePath="telematicsContacsPhoneNumber" @isEditable={{ if formConfig.form.telematicsContacsPhoneNumber formConfig.form.telematicsContacsPhoneNumber.isEditable false }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Inisiator" @valuePath="inisiator" @isEditable={{ if formConfig.form.inisiator formConfig.form.inisiator.isEditable false }} />
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Merek Kompetitor" @valuePath="merekKompetitor" @isEditable={{ if formConfig.form.merekKompetitor formConfig.form.merekKompetitor.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tanggalKadaluarsa }} @name="tanggal-kadaluarsa" @label="Tanggal Kadaluarsa" @isEditable={{ if formConfig.form.tanggalKadaluarsa formConfig.form.tanggalKadaluarsa.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="dealerNotes" @label="Dealer Notes" @isEditable={{ if formConfig.form.dealerNotes formConfig.form.dealerNotes.isEditable false }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Opportunities" @valuePath="opportunities" @isEditable={{ if formConfig.form.opportunities formConfig.form.opportunities.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="On The Road" @valuePath="onTheRoad" @isEditable={{ if formConfig.form.onTheRoad formConfig.form.onTheRoad.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="BBN" @valuePath="bbn" @isEditable={{ if formConfig.form.bbn formConfig.form.bbn.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Off The Road" @valuePath="offTheRoad" @isEditable={{ if formConfig.form.offTheRoad formConfig.form.offTheRoad.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Margin Dealer" @valuePath="marginDealer" @isEditable={{ if formConfig.form.marginDealer formConfig.form.marginDealer.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Biaya Pengiriman" @valuePath="biayaPengiriman" @isEditable={{ if formConfig.form.biayaPengiriman formConfig.form.biayaPengiriman.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP" @valuePath="dnp" @isEditable={{ if formConfig.form.dnp formConfig.form.dnp.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah VRF yang disetujui" @valuePath="jumlahVrfYangDisetujui" @isEditable={{ if formConfig.form.jumlahVrfYangDisetujui formConfig.form.jumlahVrfYangDisetujui.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="On The Road (CR)" @valuePath="onTheRoadCr" @isEditable={{ if formConfig.form.onTheRoadCr formConfig.form.onTheRoadCr.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="BBN (CR)" @valuePath="bbnCr" @isEditable={{ if formConfig.form.bbnCr formConfig.form.bbnCr.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Off The Road (CR)" @valuePath="offTheRoadCr" @isEditable={{ if formConfig.form.offTheRoadCr formConfig.form.offTheRoadCr.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Margin Dealer (CR)" @valuePath="marginDealerCr" @isEditable={{ if formConfig.form.marginDealerCr formConfig.form.marginDealerCr.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Biaya Pengiriman (CR)" @valuePath="biayaPengirimanCr" @isEditable={{ if formConfig.form.biayaPengirimanCr formConfig.form.biayaPengirimanCr.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP (CR)" @valuePath="dnpCr" @isEditable={{ if formConfig.form.dnpCr formConfig.form.dnpCr.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Jumlah VRF" @valuePath="totalJumlahVrf" @isEditable={{ if formConfig.form.totalJumlahVrf formConfig.form.totalJumlahVrf.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP (Wholesale)" @valuePath="dnpWholesale" @isEditable={{ if formConfig.form.dnpWholesale formConfig.form.dnpWholesale.isEditable false }} />
						</div>
						
						
						
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tambahan Discount yang diajukan" @valuePath="tambahanDiscountYangDiajukan" @isEditable={{ if formConfig.form.tambahanDiscountYangDiajukan formConfig.form.tambahanDiscountYangDiajukan.isEditable false }} />
						</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.form.hoyuSalesOrderAttachment (if formConfig.form.hoyuSalesOrderAttachment.description formConfig.form.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-available-vehicle" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Available Vehicle">
					<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.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.competitorName formConfig.form.hoyuSalesOrderCompetitor.competitorName.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Model Kendaraan Competitor" @valuePath="modelKendaraanCompetitor" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.modelKendaraanCompetitor formConfig.form.hoyuSalesOrderCompetitor.modelKendaraanCompetitor.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Harga Kendaraan Competitor" @valuePath="hargaKendaraanCompetitor" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.hargaKendaraanCompetitor formConfig.form.hoyuSalesOrderCompetitor.hargaKendaraanCompetitor.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Tipe Harga" @valuePath="tipeHarga" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.tipeHarga formConfig.form.hoyuSalesOrderCompetitor.tipeHarga.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Hino Transmission" @valuePath="hinoTransmission" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.hinoTransmission formConfig.form.hoyuSalesOrderCompetitor.hinoTransmission.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" "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="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.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.productName formConfig.form.hoyuSalesOrderProductSplit.productName.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Jumlah" @valuePath="jumlah" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.jumlah formConfig.form.hoyuSalesOrderProductSplit.jumlah.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Kuantitas Disetujui" @valuePath="kuantitasDisetujui" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.kuantitasDisetujui formConfig.form.hoyuSalesOrderProductSplit.kuantitasDisetujui.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ item.rencanaTanggalPengiriman }} @name="rencana-tanggal-pengiriman" @label="Rencana Tanggal Pegiriman" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.rencanaTanggalPengiriman formConfig.form.hoyuSalesOrderProductSplit.rencanaTanggalPengiriman.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ item.tanggalDisetujui }} @name="tanggal-disetujui" @label="Tanggal disetujui" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.tanggalDisetujui formConfig.form.hoyuSalesOrderProductSplit.tanggalDisetujui.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Tahun Produksi" @valuePath="tahunProduksi" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.tahunProduksi formConfig.form.hoyuSalesOrderProductSplit.tahunProduksi.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Warna" @valuePath="warna" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.warna formConfig.form.hoyuSalesOrderProductSplit.warna.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Warna disetujui" @valuePath="warnaDisetujui" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.warnaDisetujui formConfig.form.hoyuSalesOrderProductSplit.warnaDisetujui.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" "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-order-split" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Order Split">
					<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.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approver formConfig.form.hoyuSalesOrderApprovalList.approver.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ item.approverDate }} @name="approver-date" @label="Approver Date" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverDate formConfig.form.hoyuSalesOrderApprovalList.approverDate.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver VRF Amount" @valuePath="approverVRFAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Extended TOP" @valuePath="extendedTOP" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.extendedTOP formConfig.form.hoyuSalesOrderApprovalList.extendedTOP.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="TOP Amount" @valuePath="tOPAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.tOPAmount formConfig.form.hoyuSalesOrderApprovalList.tOPAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Subsidy Amount" @valuePath="subsidyAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ item }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.notes formConfig.form.hoyuSalesOrderApprovalList.notes.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" "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-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.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approver formConfig.form.hoyuSalesOrderApprovalList.approver.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ item.approverDate }} @name="approver-date" @label="Approver Date" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverDate formConfig.form.hoyuSalesOrderApprovalList.approverDate.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver VRF Amount" @valuePath="approverVRFAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Extended TOP" @valuePath="extendedTOP" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.extendedTOP formConfig.form.hoyuSalesOrderApprovalList.extendedTOP.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="TOP Amount" @valuePath="tOPAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.tOPAmount formConfig.form.hoyuSalesOrderApprovalList.tOPAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Subsidy Amount" @valuePath="subsidyAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ item }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.notes formConfig.form.hoyuSalesOrderApprovalList.notes.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" "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-approval-remarks-div" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Remarks">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Remarks" />
						</div>
					</div>
				</AppCard> --}}
				<AppDetailLink @title="Available Vehicle" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-available-vehicle" model.id}} />
				<AppDetailLink @title="Order Split" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-order-split" model.id}} />
			</div>

			{{/if}}

			{{!-- Tampilan Normal --}}
			{{#if (eq (uppercase model.jenisOrder) 'NORMAL')}}
			<div class="accordion-div" id="accordion-hoyu-sales-order-approval">
				<AppCard @id="hoyu-sales-order-approval"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Summary">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Quotation Number" @valuePath="quotationNumber" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Revision Number" @valuePath="revisionNumber" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Produk" @valuePath="namaProduk" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Event" @valuePath="event" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kode Event" @valuePath="kodeEvent" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jenis Order" @valuePath="jenisOrder" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kategori" @valuePath="kategori" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manufacturing Code" @valuePath="manufacturingCode" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Model" @valuePath="model" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Varian" @valuePath="varian" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun VIN" @valuePath="tahunVin" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Tipe Karoseri" @valuePath="tipeKaroseri" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warna" @valuePath="warna" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Customer" @valuePath="customer" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah" @valuePath="jumlah" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Tipe Pembayaran" @valuePath="tipePembayaran" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
							<span for="flagdiscountcash">Flag Discount Cash</span>
							{{#if (or (eq (uppercase model.flagDiscountCash) 'YES') (eq (uppercase model.flagDiscountCash) 'Y'))}}
								<span class="data">Yes</span>
								{{else}}
								<span class="data">No</span>
							{{/if}}
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Default TOP" @valuePath="defaultTop" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Permintaan Perpanjangan TOP" @valuePath="permintaanPerpanjanganTop" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Perpanjangan TOP yang diberikan" @valuePath="perpanjanganTopYangDiberikan" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jumlah TOP yang diberikan" @valuePath="jumlahTopYangDiberikan" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
							<span for="permintaansubsidi">Permintaan Subsidi</span>
							<span class="data">{{ if model.permintaanSubsidi "Yes" "No"}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Approval Level" @valuePath="approvalLevel" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Status" @valuePath="status" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Harga Terkunci" @valuePath="hargaTerkunci" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Attachment" @valuePath="None" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="notes" @label="Notes" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Pemilik" @valuePath="pemilik" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Lost Order Reason" @valuePath="lostOrderReasonValue"
									@isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Lost Order Notes" @valuePath="lostOrderNotes" @isEditable={{ false }} />
						</div>
					</div>
				</AppCard>

				<AppCard @id="hoyu-sales-order-discount"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Total Discount">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="DNP (Wholesale)" @valuePath="dnpWholesale" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Pilihan Diskon" @valuePath="pilihanDiskon" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Program Dutro" @valuePath="programDutro" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Cash Discount" @valuePath="cashDiscount" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Event Discount" @valuePath="eventDiscount" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Diskon" @valuePath="totalDiskon" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Harga" @valuePath="totalHarga" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Remarks" />
						</div>
					</div>
				</AppCard>

				<AppCard @id="hoyu-sales-order-information"  @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Information">
					<br/>
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Created By" @valuePath="createdBy" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
								<span for="wodate">Created Date</span>
								<span class="data">{{ if (and (not-eq model.createdAt null) (not (is-empty model.createdAt))) (moment-format model.createdAt "DD-MM-YYYY") ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Last Updated By" @valuePath="updatedBy" @isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							<div class="detail-row-view">
								<span for="wodate">Last Updated Date</span>
								<span class="data">{{ if (and (not-eq model.updatedAt null) (not (is-empty model.updatedAt))) (moment-format model.updatedAt "DD-MM-YYYY") ""}}</span>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="notes" @label="Remarks" />
						</div>

						{{!-- <div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Unit Sales Order ID" @valuePath="unitSalesOrderId" @isEditable={{ if formConfig.form.unitSalesOrderId formConfig.form.unitSalesOrderId.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Account ID" @valuePath="accountId" @isEditable={{ if formConfig.form.accountId formConfig.form.accountId.isEditable false }} />
						</div>

						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Procurement Type" @valuePath="procurementType" @isEditable={{ if formConfig.form.procurementType formConfig.form.procurementType.isEditable false }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jumlah TOP Perpanjangan" @valuePath="jumlahTOPPerpanjangan" @isEditable={{ if formConfig.form.jumlahTOPPerpanjangan formConfig.form.jumlahTOPPerpanjangan.isEditable false }} />
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Subsidi diberikan" @valuePath="subsidiDiberikan" @isEditable={{ if formConfig.form.subsidiDiberikan formConfig.form.subsidiDiberikan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacts" @valuePath="telematicsContacts" @isEditable={{ if formConfig.form.telematicsContacts formConfig.form.telematicsContacts.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Name" @valuePath="telematicsContacsName" @isEditable={{ if formConfig.form.telematicsContacsName formConfig.form.telematicsContacsName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Email" @valuePath="telematicsContacsEmail" @isEditable={{ if formConfig.form.telematicsContacsEmail formConfig.form.telematicsContacsEmail.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Telematics Contacs Phone Number" @valuePath="telematicsContacsPhoneNumber" @isEditable={{ if formConfig.form.telematicsContacsPhoneNumber formConfig.form.telematicsContacsPhoneNumber.isEditable false }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Inisiator" @valuePath="inisiator" @isEditable={{ if formConfig.form.inisiator formConfig.form.inisiator.isEditable false }} />
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Merek Kompetitor" @valuePath="merekKompetitor" @isEditable={{ if formConfig.form.merekKompetitor formConfig.form.merekKompetitor.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tanggalKadaluarsa }} @name="tanggal-kadaluarsa" @label="Tanggal Kadaluarsa" @isEditable={{ if formConfig.form.tanggalKadaluarsa formConfig.form.tanggalKadaluarsa.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="dealerNotes" @label="Dealer Notes" @isEditable={{ if formConfig.form.dealerNotes formConfig.form.dealerNotes.isEditable false }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Opportunities" @valuePath="opportunities" @isEditable={{ if formConfig.form.opportunities formConfig.form.opportunities.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="On The Road" @valuePath="onTheRoad" @isEditable={{ if formConfig.form.onTheRoad formConfig.form.onTheRoad.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="BBN" @valuePath="bBN" @isEditable={{ if formConfig.form.bBN formConfig.form.bBN.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Off The Road" @valuePath="offTheRoad" @isEditable={{ if formConfig.form.offTheRoad formConfig.form.offTheRoad.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Margin Dealer" @valuePath="marginDealer" @isEditable={{ if formConfig.form.marginDealer formConfig.form.marginDealer.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Biaya Pengiriman" @valuePath="biayaPengiriman" @isEditable={{ if formConfig.form.biayaPengiriman formConfig.form.biayaPengiriman.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP" @valuePath="dNP" @isEditable={{ if formConfig.form.dNP formConfig.form.dNP.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah VRF yang disetujui" @valuePath="jumlahVRFYangDisetujui" @isEditable={{ if formConfig.form.jumlahVRFYangDisetujui formConfig.form.jumlahVRFYangDisetujui.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="On The Road (CR)" @valuePath="onTheRoadCR" @isEditable={{ if formConfig.form.onTheRoadCR formConfig.form.onTheRoadCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="BBN (CR)" @valuePath="bBNCR" @isEditable={{ if formConfig.form.bBNCR formConfig.form.bBNCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Off The Road (CR)" @valuePath="offTheRoadCR" @isEditable={{ if formConfig.form.offTheRoadCR formConfig.form.offTheRoadCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Margin Dealer (CR)" @valuePath="marginDealerCR" @isEditable={{ if formConfig.form.marginDealerCR formConfig.form.marginDealerCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Biaya Pengiriman (CR)" @valuePath="biayaPengirimanCR" @isEditable={{ if formConfig.form.biayaPengirimanCR formConfig.form.biayaPengirimanCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP (CR)" @valuePath="dNPCR" @isEditable={{ if formConfig.form.dNPCR formConfig.form.dNPCR.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Total Jumlah VRF" @valuePath="totalJumlahVRF" @isEditable={{ if formConfig.form.totalJumlahVRF formConfig.form.totalJumlahVRF.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="DNP (Wholesale)" @valuePath="dNPWholesale" @isEditable={{ if formConfig.form.dNPWholesale formConfig.form.dNPWholesale.isEditable false }} />
						</div>
						
						
						
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tambahan Discount yang diajukan" @valuePath="tambahanDiscountYangDiajukan" @isEditable={{ if formConfig.form.tambahanDiscountYangDiajukan formConfig.form.tambahanDiscountYangDiajukan.isEditable false }} />
						</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.form.hoyuSalesOrderAttachment (if formConfig.form.hoyuSalesOrderAttachment.description formConfig.form.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> --}}
				{{!-- <div class="d-none">
				<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.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.competitorName formConfig.form.hoyuSalesOrderCompetitor.competitorName.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Model Kendaraan Competitor" @valuePath="modelKendaraanCompetitor" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.modelKendaraanCompetitor formConfig.form.hoyuSalesOrderCompetitor.modelKendaraanCompetitor.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Harga Kendaraan Competitor" @valuePath="hargaKendaraanCompetitor" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.hargaKendaraanCompetitor formConfig.form.hoyuSalesOrderCompetitor.hargaKendaraanCompetitor.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Tipe Harga" @valuePath="tipeHarga" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.tipeHarga formConfig.form.hoyuSalesOrderCompetitor.tipeHarga.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Hino Transmission" @valuePath="hinoTransmission" @isEditable={{ if formConfig.form.hoyuSalesOrderCompetitor (if formConfig.form.hoyuSalesOrderCompetitor.hinoTransmission formConfig.form.hoyuSalesOrderCompetitor.hinoTransmission.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" "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>
				</div> --}}

				{{!-- <AppCard @id="hoyu-sales-order-product-split" @table={{this.table}} @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="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.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.productName formConfig.form.hoyuSalesOrderProductSplit.productName.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Jumlah" @valuePath="jumlah" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.jumlah formConfig.form.hoyuSalesOrderProductSplit.jumlah.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Kuantitas Disetujui" @valuePath="kuantitasDisetujui" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.kuantitasDisetujui formConfig.form.hoyuSalesOrderProductSplit.kuantitasDisetujui.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ item.rencanaTanggalPengiriman }} @name="rencana-tanggal-pengiriman" @label="Rencana Tanggal Pegiriman" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.rencanaTanggalPengiriman formConfig.form.hoyuSalesOrderProductSplit.rencanaTanggalPengiriman.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ item.tanggalDisetujui }} @name="tanggal-disetujui" @label="Tanggal disetujui" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.tanggalDisetujui formConfig.form.hoyuSalesOrderProductSplit.tanggalDisetujui.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Tahun Produksi" @valuePath="tahunProduksi" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.tahunProduksi formConfig.form.hoyuSalesOrderProductSplit.tahunProduksi.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Warna" @valuePath="warna" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.warna formConfig.form.hoyuSalesOrderProductSplit.warna.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Warna disetujui" @valuePath="warnaDisetujui" @isEditable={{ if formConfig.form.hoyuSalesOrderProductSplit (if formConfig.form.hoyuSalesOrderProductSplit.warnaDisetujui formConfig.form.hoyuSalesOrderProductSplit.warnaDisetujui.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" "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> --}}
				<AppDetailLink @title="Product Split" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-product-split" model.id}} />
				<AppDetailLink @title="Order Split" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-order-split" model.id}} />
				{{!-- <AppCard @id="hoyu-sales-order-order-split" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Order Split">
					<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.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approver formConfig.form.hoyuSalesOrderApprovalList.approver.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ item.approverDate }} @name="approver-date" @label="Approver Date" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverDate formConfig.form.hoyuSalesOrderApprovalList.approverDate.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver VRF Amount" @valuePath="approverVrfAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverVrfAmount formConfig.form.hoyuSalesOrderApprovalList.approverVrfAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Extended TOP" @valuePath="extendedTop" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.extendedTop formConfig.form.hoyuSalesOrderApprovalList.extendedTop.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="TOP Amount" @valuePath="topAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.topAmount formConfig.form.hoyuSalesOrderApprovalList.topAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Subsidy Amount" @valuePath="subsidyAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ item }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.notes formConfig.form.hoyuSalesOrderApprovalList.notes.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" "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.form.hoyuSalesOrderAvailableVehicle (if formConfig.form.hoyuSalesOrderAvailableVehicle.vin formConfig.form.hoyuSalesOrderAvailableVehicle.vin.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Manufacturing Code" @valuePath="manufacturingCode" @isEditable={{ if formConfig.form.hoyuSalesOrderAvailableVehicle (if formConfig.form.hoyuSalesOrderAvailableVehicle.manufacturingCode formConfig.form.hoyuSalesOrderAvailableVehicle.manufacturingCode.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Manufacturing Year" @valuePath="manufacturingYear" @isEditable={{ if formConfig.form.hoyuSalesOrderAvailableVehicle (if formConfig.form.hoyuSalesOrderAvailableVehicle.manufacturingYear formConfig.form.hoyuSalesOrderAvailableVehicle.manufacturingYear.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Color" @valuePath="color" @isEditable={{ if formConfig.form.hoyuSalesOrderAvailableVehicle (if formConfig.form.hoyuSalesOrderAvailableVehicle.color formConfig.form.hoyuSalesOrderAvailableVehicle.color.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" "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> --}}
				{{!-- <AppCard @id="hoyu-sales-order-approval-remarks-div" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Remarks">
					<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.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approver formConfig.form.hoyuSalesOrderApprovalList.approver.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ item.approverDate }} @name="approver-date" @label="Approver Date" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverDate formConfig.form.hoyuSalesOrderApprovalList.approverDate.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver VRF Amount" @valuePath="approverVRFAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount formConfig.form.hoyuSalesOrderApprovalList.approverVRFAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Extended TOP" @valuePath="extendedTOP" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.extendedTOP formConfig.form.hoyuSalesOrderApprovalList.extendedTOP.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="TOP Amount" @valuePath="tOPAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.tOPAmount formConfig.form.hoyuSalesOrderApprovalList.tOPAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Subsidy Amount" @valuePath="subsidyAmount" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount formConfig.form.hoyuSalesOrderApprovalList.subsidyAmount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ item }} @valuePath="notes" @label="Notes" @isEditable={{ if formConfig.form.hoyuSalesOrderApprovalList (if formConfig.form.hoyuSalesOrderApprovalList.notes formConfig.form.hoyuSalesOrderApprovalList.notes.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" "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-approval-remarks-div" @showHeader={{ true }} @parentId="hoyu-sales-order-approval" @title="Remarks">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Remarks" />
						</div>
					</div>
				</AppCard> --}}
			</div>	
			{{/if}}


			{{!-- Detail Original --}}
			{{!-- <div class="accordion" id="accordion-hoyu-sales-order-approval">
				<AppCard @id="hoyu-sales-order-approval-div" @parentId="hoyu-sales-order-approval" @title="Hoyu Sales Order Approval">
					<div class="row">
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="quotationnumber">Quotation Number</span>
							<span class="data">{{ model.quotationNumber }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="revisionnumber">Revision Number</span>
							<span class="data">{{ model.revisionNumber }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="event">Event</span>
							<span class="data">{{ model.event }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="kodeevent">Kode Event</span>
							<span class="data">{{ model.kodeEvent }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="namaproduk">Nama Produk</span>
							<span class="data">{{ model.namaProduk }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="jumlah">Jumlah</span>
							<span class="data">{{ model.jumlah }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="jenisorder">Jenis Order</span>
							<span class="data">{{ model.jenisOrder }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="kategori">Kategori</span>
							<span class="data">{{ model.kategori }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="manufacturingcode">Manufacturing Code</span>
							<span class="data">{{ model.manufacturingCode }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="model">Model</span>
							<span class="data">{{ model.model }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="varian">Varian</span>
							<span class="data">{{ model.varian }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="tahunvin">Tahun VIN</span>
							<span class="data">{{ model.tahunVin }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="tipekaroseri">Tipe Karoseri</span>
							<span class="data">{{ model.tipeKaroseri }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="warna">Warna</span>
							<span class="data">{{ model.warna }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="customer">Customer</span>
							<span class="data">{{ model.customer }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="pemilik">Pemilik</span>
							<span class="data">{{ model.pemilik }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="tipepembayaran">Tipe Pembayaran</span>
							<span class="data">{{ model.tipePembayaran }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="flagdiscountcash">Flag Discount Cash</span>
							<span class="data">{{ model.flagDiscountCash }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="defaulttop">Default TOP</span>
							<span class="data">{{ model.defaultTop }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="procurementtype">Procurement Type</span>
							<span class="data">{{ model.procurementType }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="permintaanperpanjangantop">Permintaan Perpanjangan TOP</span>
							<span class="data">{{ model.permintaanPerpanjanganTop }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="perpanjangantopyangdiberikan">Perpanjangan TOP yang diberikan</span>
							<span class="data">{{ model.perpanjanganTopYangDiberikan }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="jumlahtopyangdiberikan">Jumlah TOP yang diberikan</span>
							<span class="data">{{ model.jumlahTopYangDiberikan }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="jumlahtopperpanjangan">Jumlah TOP Perpanjangan</span>
							<span class="data">{{ model.jumlahTopPerpanjangan }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="permintaansubsidi">Permintaan Subsidi</span>
							<span class="data">{{ model.permintaanSubsidi }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="subsididiberikan">Subsidi diberikan</span>
							<span class="data">{{ model.subsidiDiberikan }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="telematicscontacts">Telematics Contacts</span>
							<span class="data">{{ model.telematicsContacts }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="telematicscontacsname">Telematics Contacs Name</span>
							<span class="data">{{ model.telematicsContacsName }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="telematicscontacsemail">Telematics Contacs Email</span>
							<span class="data">{{ model.telematicsContacsEmail }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="telematicscontacsphonenumber">Telematics Contacs Phone Number</span>
							<span class="data">{{ model.telematicsContacsPhoneNumber }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="approvallevel">Approval Level</span>
							<span class="data">{{ model.approvalLevel }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="status">Status</span>
							<span class="data">{{ model.status }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="inisiator">Inisiator</span>
							<span class="data">{{ model.inisiator }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="hargaterkunci">Harga Terkunci</span>
							<span class="data">{{ model.hargaTerkunci }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="merekkompetitor">Merek Kompetitor</span>
							<span class="data">{{ model.merekKompetitor }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="tanggalkadaluarsa">Tanggal Kadaluarsa</span>
							<span class="data">{{ if (and (not-eq model.tanggalKadaluarsa null) (not (is-empty model.tanggalKadaluarsa))) (moment-format model.tanggalKadaluarsa "DD-MM-YYYY") ""}}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="dealernotes">Dealer Notes</span>
							<span class="data">{{ model.dealerNotes }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="lostorderreason">Lost Order Reason</span>
							<span class="data">{{ model.lostOrderReason }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="lostordernotes">Lost Order Notes</span>
							<span class="data">{{ model.lostOrderNotes }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="opportunities">Opportunities</span>
							<span class="data">{{ model.opportunities }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="ontheroad">On The Road</span>
							<span class="data">{{ model.onTheRoad }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="bbn">BBN</span>
							<span class="data">{{ model.bbn }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="offtheroad">Off The Road</span>
							<span class="data">{{ model.offTheRoad }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="margindealer">Margin Dealer</span>
							<span class="data">{{ model.marginDealer }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="biayapengiriman">Biaya Pengiriman</span>
							<span class="data">{{ model.biayaPengiriman }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="dnp">DNP</span>
							<span class="data">{{ model.dnp }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="jumlahvrfyangdisetujui">Jumlah VRF yang disetujui</span>
							<span class="data">{{ model.jumlahVrfYangDisetujui }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="ontheroadcr">On The Road (CR)</span>
							<span class="data">{{ model.onTheRoadCr }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="bbncr">BBN (CR)</span>
							<span class="data">{{ model.bbnCr }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="offtheroadcr">Off The Road (CR)</span>
							<span class="data">{{ model.offTheRoadCr }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="margindealercr">Margin Dealer (CR)</span>
							<span class="data">{{ model.marginDealerCr }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="biayapengirimancr">Biaya Pengiriman (CR)</span>
							<span class="data">{{ model.biayaPengirimanCr }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="dnpcr">DNP (CR)</span>
							<span class="data">{{ model.dnpCr }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="totaljumlahvrf">Total Jumlah VRF</span>
							<span class="data">{{ model.totalJumlahVrf }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="dnpwholesale">DNP (Wholesale)</span>
							<span class="data">{{ model.dnpWholesale }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="pilihandiskon">Pilihan Diskon</span>
							<span class="data">{{ model.pilihanDiskon }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="programdutro">Program Dutro</span>
							<span class="data">{{ model.programDutro }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="cashdiscount">Cash Discount</span>
							<span class="data">{{ model.cashDiscount }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="eventdiscount">Event Discount</span>
							<span class="data">{{ model.eventDiscount }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="tambahandiscountyangdiajukan">Tambahan Discount yang diajukan</span>
							<span class="data">{{ model.tambahanDiscountYangDiajukan }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="totaldiskon">Total Diskon</span>
							<span class="data">{{ model.totalDiskon }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="totalharga">Total Harga</span>
							<span class="data">{{ model.totalHarga }}</span>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="detail-row-view">
							<span for="notes">Notes</span>
							<span class="data">{{ model.notes }}</span>
						</div>
					</div>
					</div>
				</AppCard>
				<AppDetailLink @title="Hoyu Sales Order Attachment" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-attachment" model.id}} />
				<AppDetailLink @title="Hoyu Sales Order Competitor" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-competitor" model.id}} />
				<AppDetailLink @title="Hoyu Sales Order Product Split" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-product-split" model.id}} />
				<AppDetailLink @title="Hoyu Sales Order Available Vehicle" onclick={{transition-to "hoyu-sales-order-approval.hoyu-sales-order-available-vehicle" model.id}} />
			</div> --}}
		</div>
	</div>
</section>