{{#if (and (not-eq model.approvalLevel 'BRANCH_MANAGER') (not-eq model.approvalLevel 'BRANCH_MANAGER_ACCEPTANCE')) }}
  <AppBarTop @leftRoute="inbox.inbox-approval-hoyu" @leftRouteArgs={{"HOYU_ORDER_SPLIT_APPROVAL"}}
	@title="Hoyu Order Split Approval" @rightRoute="hoyu-order-split-approval.hoyu-order-split-approval-list"
	@rightRouteArgs={{ model.id }} @rightIcon="bxs-user-check" />
{{else}}
  <AppBarTop @leftRoute="inbox.inbox-approval-hoyu" @leftRouteArgs={{"HOYU_ORDER_SPLIT_APPROVAL"}}
	@title="Hoyu Order Split 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}}
			<div class="accordion-div" id="accordion-hoyu-order-split-approval">
				<AppCard @id="hoyu-order-split-approval" @showHeader={{ true }} @parentId="hoyu-order-split-approval"
					@title="Summary">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Order Split Name" @valuePath="orderSplitName"
								@isEditable={{ if formConfig.form.orderSplitName formConfig.form.orderSplitName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Unit Sales Order" @valuePath="unitSalesOrder"
								@isEditable={{ if formConfig.form.unitSalesOrder formConfig.form.unitSalesOrder.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.quotationDate }} @name="quotation-date" @label="Quotation Date"
								@isEditable={{ if formConfig.form.quotationDate formConfig.form.quotationDate.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Dealer" @valuePath="namaDealer"
								@isEditable={{ if formConfig.form.namaDealer formConfig.form.namaDealer.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kode Dealer" @valuePath="kodeDealer"
								@isEditable={{ if formConfig.form.kodeDealer formConfig.form.kodeDealer.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="Nama Produk disetujui" @valuePath="namaProdukDisetujui"
								@isEditable={{ if formConfig.form.namaProdukDisetujui formConfig.form.namaProdukDisetujui.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manufacture Code" @valuePath="manufactureCode"
								@isEditable={{ if formConfig.form.manufactureCode formConfig.form.manufactureCode.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Quotation No" @valuePath="quotationNo"
								@isEditable={{ if formConfig.form.quotationNo formConfig.form.quotationNo.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 @type="number" @model={{ model }} @label="Quotation Qty" @valuePath="quotationQty"
								@isEditable={{ if formConfig.form.quotationQty formConfig.form.quotationQty.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warna diminta" @valuePath="colorDimintaName"
								@isEditable={{ if formConfig.form.warnaDiminta formConfig.form.warnaDiminta.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Warna disediakan" @valuePath="colorDisediakanName"
								@isEditable={{ if formConfig.form.warnaDisediakan formConfig.form.warnaDisediakan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tangal }} @name="tangal" @label="Tanggal"
								@isEditable={{ if formConfig.form.tangal formConfig.form.tangal.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tanggalPelaksanaan }} @name="tanggal-pelaksanaan"
								@label="Tanggal Pelaksanaan"
								@isEditable={{ if formConfig.form.tanggalPelaksanaan formConfig.form.tanggalPelaksanaan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun Produksi" @valuePath="tahunProduksi"
								@isEditable={{ if formConfig.form.tahunProduksi formConfig.form.tahunProduksi.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="Perbedaan Harga" @valuePath="perbedaanHarga"
								@isEditable={{ if formConfig.form.perbedaanHarga formConfig.form.perbedaanHarga.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="No. DO" @valuePath="noDo"
								@isEditable={{ if formConfig.form.noDo formConfig.form.noDo.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Invoice Number" @valuePath="invoiceNumber"
								@isEditable={{ if formConfig.form.invoiceNumber formConfig.form.invoiceNumber.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="Project" @valuePath="project"
								@isEditable={{ if formConfig.form.project formConfig.form.project.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Final TOP" @valuePath="finalTop"
								@isEditable={{ if formConfig.form.finalTop formConfig.form.finalTop.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @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 @type="number" @model={{ model }} @label="Extended TOP Day" @valuePath="extendedTopDay"
								@isEditable={{ if formConfig.form.extendedTopDay formConfig.form.extendedTopDay.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Extended TOP Ammount"
								@valuePath="extendedTopAmmount"
								@isEditable={{ if formConfig.form.extendedTopAmmount formConfig.form.extendedTopAmmount.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.dueDateOfTop }} @name="due-date-of-top" @label="Due Date of TOP"
								@isEditable={{ if formConfig.form.dueDateOfTop formConfig.form.dueDateOfTop.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Harga Kuncian" @valuePath="hargaKuncian"
								@isEditable={{ if formConfig.form.hargaKuncian formConfig.form.hargaKuncian.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">
							<AppInputText @model={{ model }} @label="Persetujuan Selanjutnya Oleh"
								@valuePath="persetujuanSelanjutnyaOleh"
								@isEditable={{ if formConfig.form.persetujuanSelanjutnyaOleh formConfig.form.persetujuanSelanjutnyaOleh.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="RequestedAdditionalDiscount"
								@valuePath="requestedAdditionalDiscount"
								@isEditable={{ if formConfig.form.requestedAdditionalDiscount formConfig.form.requestedAdditionalDiscount.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Final Net Price" @valuePath="finalNetPrice"
								@isEditable={{ if formConfig.form.finalNetPrice formConfig.form.finalNetPrice.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Ar Sales Amount" @valuePath="arSalesAmount"
								@isEditable={{ if formConfig.form.arSalesAmount formConfig.form.arSalesAmount.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Price Code" @valuePath="priceCode"
								@isEditable={{ if formConfig.form.priceCode formConfig.form.priceCode.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Term Code" @valuePath="termCode"
								@isEditable={{ if formConfig.form.termCode formConfig.form.termCode.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="osNotes" @label="Os Notes"
								@isEditable={{ if formConfig.form.osNotes formConfig.form.osNotes.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>
				</AppCard>
				<AppCard @id="hoyu-order-split-approval-current-price" @showHeader={{ true }}
					@parentId="hoyu-order-split-approval" @title="Current Price">
					<div class="col-12 col-md-6">
						<AppInputText @type="number" @model={{ model }} @label="DNP Current" @valuePath="dnpCurrent"
							@isEditable={{ if formConfig.form.dnpCurrent formConfig.form.dnpCurrent.isEditable false }} />
					</div>
					<div class="col-12 col-md-6">
						<AppInputText @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 @type="number" @model={{ model }} @label="Net Price Order" @valuePath="netPriceOrder"
							@isEditable={{ if formConfig.form.netPriceOrder formConfig.form.netPriceOrder.isEditable false }} />
					</div>
					<div class="col-12 col-md-6">
						<AppInputTextarea @model={{ model }} @valuePath="ketTop" @label="Ket. TOP"
							@isEditable={{ if formConfig.form.ketTop formConfig.form.ketTop.isEditable false }} />
					</div>
				</AppCard>
				<AppCard @id="hoyu-order-split-approval-quotation-price" @showHeader={{ true }}
					@parentId="hoyu-order-split-approval" @title="Quotation Price">
					<div class="col-12 col-md-6">
						<AppInputText @type="number" @model={{ model }} @label="DNP Quotation" @valuePath="dnpQuotation"
							@isEditable={{ if formConfig.form.dnpQuotation formConfig.form.dnpQuotation.isEditable false }} />
					</div>
					<div class="col-12 col-md-6">
						<AppInputText @type="number" @model={{ model }} @label="Option Discount" @valuePath="optionDiscount"
							@isEditable={{ if formConfig.form.optionDiscount formConfig.form.optionDiscount.isEditable false }} />
					</div>
					<div class="col-12 col-md-6">
						<AppInputText @type="number" @model={{ model }} @label="Dutro Program" @valuePath="dutroProgram"
							@isEditable={{ if formConfig.form.dutroProgram formConfig.form.dutroProgram.isEditable false }} />
					</div>
					<div class="col-12 col-md-6">
						<AppInputText @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 @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 @type="number" @model={{ model }} @label="Approved VRF" @valuePath="approvedVrf"
							@isEditable={{ if formConfig.form.approvedVrf formConfig.form.approvedVrf.isEditable false }} />
					</div>
					<div class="col-12 col-md-6">
						<AppInputText @type="number" @model={{ model }} @label="Total Discount Quotation"
							@valuePath="totalDiscountQuotation"
							@isEditable={{ if formConfig.form.totalDiscountQuotation formConfig.form.totalDiscountQuotation.isEditable false }} />
					</div>
					<div class="col-12 col-md-6">
						<AppInputText @type="number" @model={{ model }} @label="Net Price Quotation" @valuePath="netPriceQuotation"
							@isEditable={{ if formConfig.form.netPriceQuotation formConfig.form.netPriceQuotation.isEditable false }} />
					</div>
				</AppCard>
				{{!-- <AppCard @id="hoyu-order-split-approval-list" @showHeader={{ true }} @parentId="hoyu-order-split-approval" @title="Hoyu Order Split Approval List">
					<div class="row">
					<div class="col-12">
					<div class="data-list">
					{{#each model.hoyuOrderSplitApprovalList as |item index|}}
					<div class="data-list-item mb-3">
					<div class="row">
						<div class="col-10">
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ item.approvedDate }} @name="approved-date" @label="Approved Date" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.approvedDate formConfig.form.hoyuOrderSplitApprovalList.approvedDate.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Additional Discount" @valuePath="additionalDiscount" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.additionalDiscount formConfig.form.hoyuOrderSplitApprovalList.additionalDiscount.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver" @valuePath="approver" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.approver formConfig.form.hoyuOrderSplitApprovalList.approver.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Status" @valuePath="status" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.status formConfig.form.hoyuOrderSplitApprovalList.status.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approver Level" @valuePath="approverLevel" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.approverLevel formConfig.form.hoyuOrderSplitApprovalList.approverLevel.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Order Split ID" @valuePath="orderSplitId" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.orderSplitId formConfig.form.hoyuOrderSplitApprovalList.orderSplitId.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Approval List Name" @valuePath="approvalListName" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.approvalListName formConfig.form.hoyuOrderSplitApprovalList.approvalListName.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Currency Code" @valuePath="currencyCode" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.currencyCode formConfig.form.hoyuOrderSplitApprovalList.currencyCode.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ item }} @label="Supplied Product" @valuePath="suppliedProduct" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.suppliedProduct formConfig.form.hoyuOrderSplitApprovalList.suppliedProduct.isEditable false) false}} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ item }} @label="Quantity" @valuePath="quantity" @isEditable={{ if formConfig.form.hoyuOrderSplitApprovalList (if formConfig.form.hoyuOrderSplitApprovalList.quantity formConfig.form.hoyuOrderSplitApprovalList.quantity.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-order-split-approval-list" item}} class="bx bx-x clickable ml-2"></i>
									</span>
								</div>
							</div>
						</div>
					</div>
					</div>
					{{/each}}
					</div>
					<button type="button" class="btn btn-secondary btn-sm" {{ action "addRowData" "hoyu-order-split-approval-list" }}>Add Row</button>
					</div>
					</div>
				</AppCard> --}}
				<AppCard @id="hoyu-order-split-approval-remarks-div" @showHeader={{ true }}
					@parentId="hoyu-order-split-approval" @title="Information">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Created By" @valuePath="createdBy" @isEditable={{  false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.createdAt }} @name="created-at" @label="Created Date"
								@isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Updated By" @valuePath="updatedBy" @isEditable={{  false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.updatedAt }} @name="updated-at" @label="Updated Date"
								@isEditable={{ false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="remarks" @label="Remarks" />
						</div>
					</div>
				</AppCard>
			</div>
		</div>
		<div class="row">
			<div class="col">
				<AppButtonApproval @inboxModel={{this.hoyuOrderSplitApproval.inbox}} @model={{ model.approvalActionType }}
					@config={{ this.formConfig.button }} @submitAction={{ action "saveHoyuOrderSplitApproval" }} />
			</div>
		</div>
	</div>
</section>
{{/if}}