{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
{{#if (eq this.hoyuSalesOrderApproval.inbox.statusId '1') }}
<AppBarTop @leftRoute="inbox.inbox-approval-hoyu" @leftRouteArgs={{"HOYU_SALES_ORDER_APPROVAL"}}
	@title="Sales Order Approval" @rightRoute="hoyu-sales-order-approval.hoyu-sales-order-approval-list"
	@rightRouteArgs={{ model.id }} @rightIcon="bxs-user-check" />
{{else}}
<AppBarTop @leftRoute="inbox.inbox-approval-hoyu" @leftRouteArgs={{"HOYU_SALES_ORDER_APPROVAL"}}
	@title="Sales Order Approval" />
{{/if}}
{{else}}
<AppBarTop @leftRoute="inbox.inbox-approval-hoyu" @leftRouteArgs={{"HOYU_SALES_ORDER_APPROVAL"}}
	@title="Sales Order Approval" />
{{/if}}
<section class="content-header">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-6 col-sm order-sm-last text-right order-last">
				<h6 class="mb-0"><strong>HOYU</strong></h6>
			</div>
			<div class="col-6 col-sm mt-2 mt-sm-0 order-sm-first order-first">
			</div>
		</div>
	</div>
</section>
{{#if this.model.isPending}}
<AppLoading @content={{true}} />
{{else}}
<section class="content-body">
	<div class="container">
		<div class="col-12">
			{{#if errorMessages}}
			<div class="alert on alert-danger alert-dismissible fade show" role="alert">
				<ul class="mb-0 ml-2">
					{{#each errorMessages as |item| }}
					<li>{{ item }}</li>
					{{/each}}
				</ul>
			</div>
			{{/if}}

			{{#if hoyuSalesOrderApproval.isLoading}}<div class="loading on"></div>
			{{/if}}

			{{!-- 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={{ if formConfig.form.quotationNumber formConfig.form.quotationNumber.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Revision Number" @valuePath="revisionNumber"
								@isEditable={{ if formConfig.form.revisionNumber formConfig.form.revisionNumber.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kode Event" @valuePath="kodeEvent"
								@isEditable={{ if formConfig.form.kodeEvent formConfig.form.kodeEvent.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Produk" @valuePath="namaProduk"
								@isEditable={{ if formConfig.form.namaProduk formConfig.form.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={{ if formConfig.form.jumlah formConfig.form.jumlah.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jenis Order" @valuePath="jenisOrder"
								@isEditable={{ if formConfig.form.jenisOrder formConfig.form.jenisOrder.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kategori" @valuePath="kategori"
								@isEditable={{ if formConfig.form.kategori formConfig.form.kategori.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manufacturing Code" @valuePath="manufacturingCode"
								@isEditable={{ if formConfig.form.manufacturingCode formConfig.form.manufacturingCode.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Model" @valuePath="model"
								@isEditable={{ if formConfig.form.model formConfig.form.model.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Varian" @valuePath="varian"
								@isEditable={{ if formConfig.form.varian formConfig.form.varian.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun VIN" @valuePath="tahunVin"
								@isEditable={{ if formConfig.form.tahunVin formConfig.form.tahunVin.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Tipe Karoseri" @valuePath="tipeKaroseri"
								@isEditable={{ if formConfig.form.tipeKaroseri formConfig.form.tipeKaroseri.isEditable false }} /> --}}
							<AppInputCombobox @name="karoseriType" @valuePath="karoseriType" @label="Tipe Karoseri"
								@primaryValue="karoseriType" @model={{ model.karoseriType }} @modelAll={{ model }}
								@options={{ this.tipeKaroseris }}
								@isEditable={{ if formConfig.form.tipeKaroseri formConfig.form.tipeKaroseri.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Warna" @valuePath="warna"
								@isEditable={{ if formConfig.form.warna formConfig.form.warna.isEditable false }} /> --}}

							<AppInputCombobox @name="color" @valuePath="color" @label="Warna" @primaryValue="color"
								@model={{ model.color }} @modelAll={{ model }} @options={{ this.warnas }}
								@isEditable={{ if formConfig.form.warna formConfig.form.warna.isEditable false }} />
						</div>

						{{#if model.idAccount}}
						<div class="col-12 col-md-6">
							<div class="detail-row-view">

								<span>Customer</span>

								<span
									class="data font-weight-bold">{{#link-to "account-management.detail" model.idAccount}}{{ model.customer }}
									{{/link-to}} </span>

							</div>

						</div>
						{{else}}
						<div class="col-12 col-md-6">
							<div class="detail-row-view">

								<span>Customer</span>
								<span class="data">{{ model.customer }}</span>
							</div>


						</div>
						{{/if}}
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Customer" @valuePath="customer"
								@isEditable={{ if formConfig.form.customer formConfig.form.customer.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Pemilik" @valuePath="pemilik"
								@isEditable={{ if formConfig.form.pemilik formConfig.form.pemilik.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Tipe Pembayaran" @valuePath="tipePembayaran"
								@isEditable={{ if formConfig.form.tipePembayaran formConfig.form.tipePembayaran.isEditable false }} /> --}}
							<AppInputCombobox @name="meaning" @valuePath="meaning" @label="Tipe Pembayaran" @primaryValue="meaning"
								@model={{ model.paymentType }} @modelAll={{ model }} @options={{ this.tipePembayarans }}
								@isEditable={{ if formConfig.form.tipePembayaran formConfig.form.tipePembayaran.isEditable false }} />

						</div>
						<div class="col-12 col-sm-6">
							{{!-- <div class="detail-row-view">
							<span for="flagdiscountcash">Flag Discount Cash</span>
							<span class="data">{{ if model.flagDiscountCash "Yes" "No"}}</span>
							</div> --}}
							{{#if formConfig.form.flagDiscountCash}}
							<div class="form-check form-check-inline form-checkbox form-group">
								<input type="checkbox" class="form-check-input d-none" value="YES" id="flag-discount-cash-{{index}}"
									onclick={{action (mut model.flagDiscountCash) value="target.checked"}}
									checked={{ eq model.flagDiscountCash "YES" }}>
								<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>

							{{else}}


							<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>

							{{/if}}
						</div>
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
								<AppInputCombobox @valuePath="subsidiDiberikan" @label="Subsidi Diberikan"
									@model={{ this.hoyuSalesOrderApproval.statusSubsidi }} @options={{ this.subsidiDiberikans }}
									@onChangeCombo={{action "onChangeCombo"}}
									@isEditable={{ if formConfig.form.subsidiDiberikan formConfig.form.subsidiDiberikan.isEditable false }} />
								{{else}}
								<AppInputText @model={{ model }} @label="Subsidi Diberikan" @valuePath="subsidiDiberikan"
									@isEditable={{ false }} />
								{{/if}}
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Default TOP" @valuePath="defaultTop"
								@isEditable={{ if formConfig.form.defaultTop formConfig.form.defaultTop.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="Permintaan Perpanjangan TOP"
								@valuePath="permintaanPerpanjanganTop"
								@isEditable={{ if formConfig.form.permintaanPerpanjanganTop formConfig.form.permintaanPerpanjanganTop.isEditable false }} />
						</div>


						
						<div class="col-12 col-md-6">
							{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
							<AppInputCombobox @valuePath="perpanjanganTopYangDiberikan" @label="Perpanjangan TOP yang diberikan"
								@model={{ this.hoyuSalesOrderApproval.statusTOP }} @options={{ this.perpanjanganTopYangDiberikans }}
								@onChangeCombo={{action "onChangeCombo"}}
								@isEditable={{ if formConfig.form.perpanjanganTopYangDiberikan formConfig.form.perpanjanganTopYangDiberikan.isEditable false }} />
							{{else}}
							<AppInputText @model={{ model }} @label="Perpanjangan TOP yang diberikan"
								@valuePath="perpanjanganTopYangDiberikan" @isEditable={{ false }} />
							{{/if}}
						</div>
						<div class="col-12 col-md-6">
							<span class="data with-reload">
								<AppInputText @model={{ model }} @label="Jumlah TOP Perpanjangan" @valuePath="jumlahTopPerpanjangan"
									@isEditable={{ if formConfig.form.jumlahTopPerpanjangan formConfig.form.jumlahTopPerpanjangan.isEditable false }} />
							</span>
						</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-sm-6">
							<div class="detail-row-view">
							<span for="flagdiscountcash">Permintaan Subsidi</span>
							<span class="data">{{ if model.permintaanSubsidi "Yes" "No"}}</span>
							</div>
						</div> --}}
						{{!-- {{#if formConfig.form.permintaanSubsidi}}
						<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>

						{{else}}


						<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>

						{{/if}} --}}
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
								<AppInputCombobox @valuePath="permintaanSubsidi" @label="Permintaan Subsidi"
									@model={{ this.hoyuSalesOrderApproval.statusPermintaan }} @options={{ this.permintaanSubsidis }}
									@onChangeCombo={{action "onChangeCombo"}}
									@isEditable={{ if formConfig.form.permintaanSubsidi formConfig.form.permintaanSubsidi.isEditable false }} />
								{{else}}
								<AppInputText @model={{ model }} @label="Permintaan Subsidi" @valuePath="permintaanSubsidi"
									@isEditable={{ false }} />
								{{/if}}
							</div>
						</div>

						{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
						<div class="col-6 col-md-6">
							<AppInputText @model={{ model }} @label="Approval Level" @valuePath="approvalLevel"
								@isEditable={{ if formConfig.form.approvalLevel formConfig.form.approvalLevel.isEditable false }} />
						</div>
						{{/if}}

						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Status" @valuePath="status"
								@isEditable={{ if formConfig.form.status formConfig.form.status.isEditable false }} />
						</div>

						{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
						<div class="col-6 col-md-6">
							<AppInputText @model={{ model }} @label="Inisiator" @valuePath="inisiator"
								@isEditable={{ if formConfig.form.inisiator formConfig.form.inisiator.isEditable false }} />
						</div>
						{{/if}}

						<div class="col-12 col-md-6">
							{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}

							<AppInputCombobox @valuePath="hargaTerkunci" @name="hargaTerkunci" @label="Harga Terkunci"
								@model={{ this.hoyuSalesOrderApproval.statusHarga }} @options={{ this.hargaTerkuncis }}
								@onChangeCombo={{action "setComboHargaTerkunci"}}
								@isEditable={{ if formConfig.form.hargaTerkunci formConfig.form.hargaTerkunci.isEditable false }} />
							{{else}}
							<AppInputText @model={{ model }} @label="Harga Terkunci" @valuePath="hargaTerkunci"
								@isEditable={{ false }} />

							{{/if}}
						</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">
							<div class="detail-row-view">
								<span for="fileattachment">Attachment</span>
								{{#each model.hoyuSalesOrderAttachment as |data|}}
								<span class="data">
									<a href="{{ this.apiURL }}/{{ data.attachmentsId }}">
										{{ data.attachmentsUploadedFileName }}
									</a>
								</span>
								{{/each}}
							</div>
						</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">
							<AppInputDate @model={{ model }} @label="Tanggal Kadaluarsa" @valuePath="tanggalKadaluarsa"
								@isEditable={{ if formConfig.form.tanggalKadaluarsa formConfig.form.tanggalKadaluarsa.isEditable false }} />
						</div>

{{!-- 
						<div class="col-12 col-md-6">
											<AppInputComboboxAutocomplete @name="karoseriTypeCode" @searchField="karoseriTypeCode" @primaryValue="karoseriTypeCode" @valuePath="categoryUio" @label="karoseriTypeCode" @model={{ model.karoseriType}} @modelAll={{ model }} @options={{ this.categoryUios }} @didValidate={{ didValidate }} @isEditable={{ true}}/>
										</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">
							<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">
							{{#if (or (is-empty model.lostOrderReasonId) (eq model.lostOrderReasonId '')) }}
							{{#if formConfig.form.lostOrderReason}}
							<AppInputCombobox @name="lostOrderReason" @valuePath="lostOrderReason" @label="Lost Order Reason"
								@primaryValue="meaning" @model={{ model.lostOrderReason }} @modelAll={{ model }}
								@options={{ this.lostOrderReasons }} @isEditable={{ true }} />
							{{else}}
							<AppInputText @model={{ model }} @label="Lost Order Reason" @valuePath="lostOrderReasonValue"
								@isEditable={{ false }} />
							{{/if}}
							{{else}}
							<AppInputText @model={{ model }} @label="Lost Order Reason" @valuePath="lostOrderReasonValue"
								@isEditable={{ false }} />
							{{/if}}

						</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 class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Opportunities" @valuePath="opportunities"
								@isEditable={{ if formConfig.form.opportunities formConfig.form.opportunities.isEditable false }} />
						</div>
						{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="hmsiNotes" @label="HMSI Notes"
								@isEditable={{ if formConfig.form.hmsiNotes formConfig.form.hmsiNotes.isEditable false }} />
						</div>
						{{/if}}
					</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-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="On The Road"
								@valuePath="onTheRoad"
								@isEditable={{ if formConfig.form.onTheRoad formConfig.form.onTheRoad.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @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-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="BBN" @valuePath="bbn"
								@isEditable={{ if formConfig.form.bbn formConfig.form.bbn.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="BBN (CR)" @valuePath="bbnCr"
								@isEditable={{ if formConfig.form.bbnCr formConfig.form.bbnCr.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Off The Road"
								@valuePath="offTheRoad"
								@isEditable={{ if formConfig.form.offTheRoad formConfig.form.offTheRoad.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @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-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Margin Dealer"
								@valuePath="marginDealer"
								@isEditable={{ if formConfig.form.marginDealer formConfig.form.marginDealer.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Margin Dealer (CR)"
								@valuePath="marginDealerCr"
								@isEditable={{ if formConfig.form.marginDealerCr formConfig.form.marginDealerCr.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Biaya Pengiriman"
								@valuePath="biayaPengiriman"
								@isEditable={{ if formConfig.form.biayaPengiriman formConfig.form.biayaPengiriman.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Biaya Pengiriman (CR)"
								@valuePath="biayaPengirimanCr"
								@isEditable={{ if formConfig.form.biayaPengirimanCr formConfig.form.biayaPengirimanCr.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="DNP" @valuePath="dnp"
								@isEditable={{ if formConfig.form.dnp formConfig.form.dnp.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="DNP (CR)" @valuePath="dnpCr"
								@isEditable={{ if formConfig.form.dnpCr formConfig.form.dnpCr.isEditable false }} />
						</div>

						{{#if (or (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) (eq model.status 'APPROVED')) }}
							{{#if (not-eq model.approvalLevel 'SALES_AREA_DEPT_HEAD_FINAL') }}
								<div class="col-6 col-md-6">
									<AppInputText @seperator={{true}} @type="number" @prependText="-" @model={{ model }}
										@label="Jumlah VRF yang disetujui" @valuePath="jumlahVrfYangDisetujui"
										@isEditable={{ if formConfig.form.jumlahVrfYangDisetujui formConfig.form.jumlahVrfYangDisetujui.isEditable false }} />
								</div>
							{{else}}
								<div class="col-6 col-md-6">
									<AppInputText @seperator={{true}} @type="number" @prependText="-" @model={{ model }}
										@label="Jumlah VRF yang disetujui" @valuePath="jumlahVrfYangDisetujui"
										@isEditable={{ false }} />
								</div>
							{{/if}}

						{{/if}}

						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @prependText="-" @model={{ model }}
								@label="Total Jumlah VRF" @valuePath="totalJumlahVrf"
								@isEditable={{ if formConfig.form.totalJumlahVrf formConfig.form.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-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="DNP (Wholesale)"
								@valuePath="dnpWholesale"
								@isEditable={{ if formConfig.form.dnpWholesale formConfig.form.dnpWholesale.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Event Discount"
								@valuePath="eventDiscount"
								@isEditable={{ if formConfig.form.eventDiscount formConfig.form.eventDiscount.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Pilihan Diskon"
								@valuePath="pilihanDiskon"
								@isEditable={{ if formConfig.form.pilihanDiskon formConfig.form.pilihanDiskon.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Diskon"
								@valuePath="totalDiskon"
								@isEditable={{ if formConfig.form.totalDiskon formConfig.form.totalDiskon.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Program Dutro"
								@valuePath="programDutro"
								@isEditable={{ if formConfig.form.programDutro formConfig.form.programDutro.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<span class="data with-reload">
								<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Harga"
									@valuePath="totalHarga"
									@isEditable={{ if formConfig.form.totalHarga formConfig.form.totalHarga.isEditable false }} />
							</span>
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Cash Discount"
								@valuePath="cashDiscount"
								@isEditable={{ if formConfig.form.cashDiscount formConfig.form.cashDiscount.isEditable false }} />
						</div>
						
						{{!-- <div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Diskon"
								@valuePath="totalDiskon"
								@isEditable={{ if formConfig.form.totalDiskon formConfig.form.totalDiskon.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={{ if formConfig.form.createdBy formConfig.form.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={{ if formConfig.form.updatedBy formConfig.form.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={{ if formConfig.form.quotationNumber formConfig.form.quotationNumber.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Revision Number" @valuePath="revisionNumber"
								@isEditable={{ if formConfig.form.revisionNumber formConfig.form.revisionNumber.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Produk" @valuePath="namaProduk"
								@isEditable={{ if formConfig.form.namaProduk formConfig.form.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={{ if formConfig.form.kodeEvent formConfig.form.kodeEvent.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jenis Order" @valuePath="jenisOrder"
								@isEditable={{ if formConfig.form.jenisOrder formConfig.form.jenisOrder.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kategori" @valuePath="kategori"
								@isEditable={{ if formConfig.form.kategori formConfig.form.kategori.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manufacturing Code" @valuePath="manufacturingCode"
								@isEditable={{ if formConfig.form.manufacturingCode formConfig.form.manufacturingCode.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Model" @valuePath="model"
								@isEditable={{ if formConfig.form.model formConfig.form.model.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Varian" @valuePath="varian"
								@isEditable={{ if formConfig.form.varian formConfig.form.varian.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun VIN" @valuePath="tahunVin"
								@isEditable={{ if formConfig.form.tahunVin formConfig.form.tahunVin.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Tipe Karoseri" @valuePath="tipeKaroseri"
								@isEditable={{ if formConfig.form.tipeKaroseri formConfig.form.tipeKaroseri.isEditable false }} /> --}}
							<AppInputCombobox @name="karoseriType" @valuePath="karoseriType" @label="Tipe Karoseri"
								@primaryValue="karoseriType" @model={{ model.karoseriType }} @modelAll={{ model }}
								@options={{ this.tipeKaroseris }}
								@isEditable={{ if formConfig.form.tipeKaroseri formConfig.form.tipeKaroseri.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Warna" @valuePath="warna"
								@isEditable={{ if formConfig.form.warna formConfig.form.warna.isEditable false }} /> --}}

							<AppInputCombobox @name="color" @valuePath="color" @label="Warna" @primaryValue="color"
								@model={{ model.color }} @modelAll={{ model }} @options={{ this.warnas }}
								@isEditable={{ if formConfig.form.warna formConfig.form.warna.isEditable false }} />
						</div>
						{{#if model.idAccount}}
						<div class="col-12 col-md-6">
							<div class="detail-row-view">

								<span>Customer</span>

								<span
									class="data font-weight-bold">{{#link-to "account-management.detail" model.idAccount}}{{ model.customer }}
									{{/link-to}} </span>

							</div>

						</div>
						{{else}}
						<div class="col-12 col-md-6">
							<div class="detail-row-view">

								<span>Customer</span>
								<span class="data">{{ model.customer }}</span>
							</div>


						</div>
						{{/if}}
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Customer" @valuePath="customer"
								@isEditable={{ if formConfig.form.customer formConfig.form.customer.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Pemilik" @valuePath="pemilik"
								@isEditable={{ if formConfig.form.pemilik formConfig.form.pemilik.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah" @valuePath="jumlah"
								@isEditable={{ if formConfig.form.jumlah formConfig.form.jumlah.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Tipe Pembayaran" @valuePath="tipePembayaran"
								@isEditable={{ if formConfig.form.tipePembayaran formConfig.form.tipePembayaran.isEditable false }} /> --}}
							<AppInputCombobox @name="meaning" @valuePath="meaning" @label="Tipe Pembayaran" @primaryValue="meaning"
								@model={{ model.paymentType }} @modelAll={{ model }} @options={{ this.tipePembayarans }}
								@isEditable={{ if formConfig.form.tipePembayaran formConfig.form.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={{ if formConfig.form.defaultTop formConfig.form.defaultTop.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Status" @valuePath="status"
								@isEditable={{ if formConfig.form.status formConfig.form.status.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								<span for="fileattachment">Attachment</span>
								{{#each model.hoyuSalesOrderAttachment as |data|}}
								<span class="data">
									<a href="{{ this.apiURL }}/{{ data.attachmentsId }}">
										{{ data.attachmentsUploadedFileName }}
									</a>
								</span>
								{{/each}}
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="dealerNotes" @label="Notes"
								@isEditable={{ if formConfig.form.dealerNotes formConfig.form.dealerNotes.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="Opportunities" @valuePath="opportunities"
								@isEditable={{ if formConfig.form.opportunities formConfig.form.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={{ if formConfig.form.dnpWholesale formConfig.form.dnpWholesale.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Event Discount"
								@valuePath="eventDiscount"
								@isEditable={{ if formConfig.form.eventDiscount formConfig.form.eventDiscount.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Cash Discount"
								@valuePath="cashDiscount"
								@isEditable={{ if formConfig.form.cashDiscount formConfig.form.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={{ if formConfig.form.tambahanDiscountYangDiajukan formConfig.form.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={{ if formConfig.form.totalDiskon formConfig.form.totalDiskon.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Harga"
								@valuePath="totalHarga"
								@isEditable={{ if formConfig.form.totalHarga formConfig.form.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={{ if formConfig.form.createdBy formConfig.form.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={{ if formConfig.form.updatedBy formConfig.form.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="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 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={{ if formConfig.form.quotationNumber formConfig.form.quotationNumber.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Revision Number" @valuePath="revisionNumber"
								@isEditable={{ if formConfig.form.revisionNumber formConfig.form.revisionNumber.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Produk" @valuePath="namaProduk"
								@isEditable={{ if formConfig.form.namaProduk formConfig.form.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={{ if formConfig.form.kodeEvent formConfig.form.kodeEvent.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jenis Order" @valuePath="jenisOrder"
								@isEditable={{ if formConfig.form.jenisOrder formConfig.form.jenisOrder.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kategori" @valuePath="kategori"
								@isEditable={{ if formConfig.form.kategori formConfig.form.kategori.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manufacturing Code" @valuePath="manufacturingCode"
								@isEditable={{ if formConfig.form.manufacturingCode formConfig.form.manufacturingCode.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Model" @valuePath="model"
								@isEditable={{ if formConfig.form.model formConfig.form.model.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Varian" @valuePath="varian"
								@isEditable={{ if formConfig.form.varian formConfig.form.varian.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun VIN" @valuePath="tahunVin"
								@isEditable={{ if formConfig.form.tahunVin formConfig.form.tahunVin.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Tipe Karoseri" @valuePath="tipeKaroseri"
								@isEditable={{ if formConfig.form.tipeKaroseri formConfig.form.tipeKaroseri.isEditable false }} /> --}}
							<AppInputCombobox @name="karoseriType" @valuePath="karoseriType" @label="Tipe Karoseri"
								@primaryValue="karoseriType" @model={{ model.karoseriType }} @modelAll={{ model }}
								@options={{ this.tipeKaroseris }} @isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Warna" @valuePath="warna"
								@isEditable={{ if formConfig.form.warna formConfig.form.warna.isEditable false }} /> --}}

							<AppInputCombobox @name="color" @valuePath="color" @label="Warna" @primaryValue="color"
								@model={{ model.color }} @modelAll={{ model }} @options={{ this.warnas }} @isEditable={{ false }} />
						</div>
						{{#if model.idAccount}}
						<div class="col-12 col-md-6">
							<div class="detail-row-view">

								<span>Customer</span>

								<span
									class="data font-weight-bold">{{#link-to "account-management.detail" model.idAccount}}{{ model.customer }}
									{{/link-to}} </span>

							</div>

						</div>
						{{else}}
						<div class="col-12 col-md-6">
							<div class="detail-row-view">

								<span>Customer</span>
								<span class="data">{{ model.customer }}</span>
							</div>


						</div>
						{{/if}}
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Customer" @valuePath="customer"
								@isEditable={{ if formConfig.form.customer formConfig.form.customer.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Jumlah" @valuePath="jumlah"
								@isEditable={{ if formConfig.form.jumlah formConfig.form.jumlah.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Tipe Pembayaran" @valuePath="tipePembayaran"
								@isEditable={{ if formConfig.form.tipePembayaran formConfig.form.tipePembayaran.isEditable false }} /> --}}
							<AppInputCombobox @name="meaning" @valuePath="meaning" @label="Tipe Pembayaran" @primaryValue="meaning"
								@model={{ model.paymentType }} @modelAll={{ model }} @options={{ this.tipePembayarans }}
								@isEditable={{ false }} />
						</div>
						<div class="col-12 col-sm-6">
							{{#if formConfig.form.flagDiscountCash}}
							<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>

							{{else}}


							<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>

							{{/if}}
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Default TOP" @valuePath="defaultTop"
								@isEditable={{ if formConfig.form.defaultTop formConfig.form.defaultTop.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
								<AppInputCombobox @valuePath="subsidiDiberikan" @label="Subsidi Diberikan"
									@model={{ this.hoyuSalesOrderApproval.statusSubsidi }} @options={{ this.subsidiDiberikans }}
									@onChangeCombo={{action "onChangeCombo"}}
									@isEditable={{ if formConfig.form.subsidiDiberikan formConfig.form.subsidiDiberikan.isEditable false }} />
								{{else}}
								<AppInputText @model={{ model }} @label="Subsidi Diberikan" @valuePath="subsidiDiberikan"
									@isEditable={{ false }} /> />
								{{/if}}
							</div>
						</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">
							{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
							<AppInputCombobox @valuePath="perpanjanganTopYangDiberikan" @label="Perpanjangan TOP yang diberikan"
								@model={{ this.hoyuSalesOrderApproval.statusTOP }} @options={{ this.perpanjanganTopYangDiberikans }}
								@onChangeCombo={{action "onChangeCombo"}}
								@isEditable={{ if formConfig.form.perpanjanganTopYangDiberikan formConfig.form.perpanjanganTopYangDiberikan.isEditable false }} />
							{{else}}
							<AppInputText @model={{ model }} @label="Perpanjangan TOP yang diberikan"
								@valuePath="perpanjanganTopYangDiberikan" @isEditable={{ false }} /> />
							{{/if}}
						</div>
						<div class="col-12 col-md-6">
							<span class="data with-reload">
								<AppInputText @model={{ model }} @label="Jumlah TOP Perpanjangan" @valuePath="jumlahTopPerpanjangan"
									@isEditable={{ if formConfig.form.jumlahTopPerpanjangan formConfig.form.jumlahTopPerpanjangan.isEditable false }} />
							</span>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Jumlah TOP yang diberikan"
								@valuePath="jumlahTopYangDiberikan"
								@isEditable={{ if formConfig.form.jumlahTopYangDiberikan formConfig.form.jumlahTopYangDiberikan.isEditable false }} />
						</div>
						{{!-- {{#if formConfig.form.permintaanSubsidi}}
						<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>

						{{else}}


						<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>

						{{/if}} --}}
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
								<AppInputCombobox @valuePath="permintaanSubsidi" @label="Permintaan Subsidi"
									@model={{ this.hoyuSalesOrderApproval.statusPermintaan }} @options={{ this.permintaanSubsidis }}
									@onChangeCombo={{action "onChangeCombo"}}
									@isEditable={{ if formConfig.form.permintaanSubsidi formConfig.form.permintaanSubsidi.isEditable false }} />
								{{else}}
								<AppInputText @model={{ model }} @label="Permintaan Subsidi" @valuePath="permintaanSubsidi"
									@isEditable={{ false }} />
								{{/if}}
							</div>
						</div>

						{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
						<div class="col-6 col-md-6">
							<AppInputText @model={{ model }} @label="Approval Level" @valuePath="approvalLevel"
								@isEditable={{ if formConfig.form.approvalLevel formConfig.form.approvalLevel.isEditable false }} />
						</div>
						{{/if}}

						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Status" @valuePath="status"
								@isEditable={{ if formConfig.form.status formConfig.form.status.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}

							<AppInputCombobox @valuePath="hargaTerkunci" @name="hargaTerkunci" @label="Harga Terkunci"
								@model={{ this.hoyuSalesOrderApproval.statusHarga }} @options={{ this.hargaTerkuncis }}
								@onChangeCombo={{action "setComboHargaTerkunci"}}
								@isEditable={{ if formConfig.form.hargaTerkunci formConfig.form.hargaTerkunci.isEditable false }} />
							{{else}}
							<AppInputText @model={{ model }} @label="Harga Terkunci" @valuePath="hargaTerkunci"
								@isEditable={{ false }} />

							{{/if}}
						</div>
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
								<span for="fileattachment">Attachment</span>
								{{#each model.hoyuSalesOrderAttachment as |data|}}
								<span class="data">
									<a href="{{ this.apiURL }}/{{ data.attachmentsId }}">
										{{ data.attachmentsUploadedFileName }}
									</a>
								</span>
								{{/each}}
							</div>
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="dealerNotes" @label="Notes"
								@isEditable={{ if formConfig.form.dealerNotes formConfig.form.dealerNotes.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Pemilik" @valuePath="pemilik"
								@isEditable={{ if formConfig.form.pemilik formConfig.form.pemilik.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{#if (or (is-empty model.lostOrderReasonId) (eq model.lostOrderReasonId '')) }}
							{{#if formConfig.form.lostOrderReason}}
							<AppInputCombobox @name="lostOrderReason" @valuePath="lostOrderReason" @label="Lost Order Reason"
								@primaryValue="meaning" @model={{ model.lostOrderReason }} @modelAll={{ model }}
								@options={{ this.lostOrderReasons }} @isEditable={{ true }} />
							{{else}}
							<AppInputText @model={{ model }} @label="Lost Order Reason" @valuePath="lostOrderReasonValue"
								@isEditable={{ false }} />
							{{/if}}
							{{else}}
							<AppInputText @model={{ model }} @label="Lost Order Reason" @valuePath="lostOrderReasonValue"
								@isEditable={{ false }} />
							{{/if}}
						</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>
						{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="hmsiNotes" @label="HMSI Notes"
								@isEditable={{ if formConfig.form.hmsiNotes formConfig.form.hmsiNotes.isEditable false }} />
						</div>
						{{/if}}
					</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-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="DNP (Wholesale)"
								@valuePath="dnpWholesale"
								@isEditable={{ if formConfig.form.dnpWholesale formConfig.form.dnpWholesale.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Event Discount"
								@valuePath="eventDiscount"
								@isEditable={{ if formConfig.form.eventDiscount formConfig.form.eventDiscount.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Pilihan Diskon"
								@valuePath="pilihanDiskon"
								@isEditable={{ if formConfig.form.pilihanDiskon formConfig.form.pilihanDiskon.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Diskon"
								@valuePath="totalDiskon"
								@isEditable={{ if formConfig.form.totalDiskon formConfig.form.totalDiskon.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Program Dutro"
								@valuePath="programDutro"
								@isEditable={{ if formConfig.form.programDutro formConfig.form.programDutro.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Total Harga"
								@valuePath="totalHarga"
								@isEditable={{ if formConfig.form.totalHarga formConfig.form.totalHarga.isEditable false }} />
						</div>
						<div class="col-6 col-md-6">
							<AppInputText @seperator={{true}} @type="number" @model={{ model }} @label="Cash Discount"
								@valuePath="cashDiscount"
								@isEditable={{ if formConfig.form.cashDiscount formConfig.form.cashDiscount.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={{ if formConfig.form.createdBy formConfig.form.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={{ if formConfig.form.updatedBy formConfig.form.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}}

		</div>
		
		<div class="row">
			<div class="col-6">
				<AppButtonApproval @inboxModel={{this.hoyuSalesOrderApproval.inbox}} @model={{ model.approvalActionType }}
					@config={{this.hoyuSalesOrderApproval.config }} @submitAction={{ action "saveHoyuSalesOrderApproval" }}
					@isShowReloadButton={{ true}} @reloadAction={{ action "updateUnitSalesOrder"}} />
			</div>
		</div>

	

	</div>
</section>
{{/if}}