<AppBarTop @leftRoute="hoyu-sales-order-approval.hoyu-sales-order-product-split"
	@leftRouteArgs={{ model.hoyuSalesOrderApprovalId }} @title="Hoyu Sales Order Product Split"
	@rightAction={{ action "saveHoyuSalesOrderProductSplit" }} @rightActionInProgress={{ rightActionInProgress }}
	@rightIcon="bxs-message-square-check" />
<section class="content-header">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-6 col-sm order-sm-last text-right order-last">
				<h6 class="mb-0"><strong>HOYU</strong></h6>
			</div>
			<div class="col-6 col-sm mt-2 mt-sm-0 order-sm-first order-first">
			</div>
		</div>
	</div>
</section>
<section class="content-body">
	<div class="container">
		<div class="col-12">
			{{#if errorMessages}}
			<div class="alert on alert-danger alert-dismissible fade show" role="alert">
				<ul class="mb-0 ml-2">
					{{#each errorMessages as |item| }}
					<li>{{ item }}</li>
					{{/each}}
				</ul>
			</div>
			{{/if}}
			<div class="accordion" id="accordion-gender">
				<AppCard @id="hoyuSalesOrderProductSplit" @showHeader={{ false }} @parentId="hoyu-sales-order-product-split"
					@title="Hoyu Sales Order Product Split">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Product Name" @valuePath="productName"
								@isEditable={{ if formConfig.form.productName formConfig.form.productName.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @seperator={{true}} @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="Kuantitas Disetujui" @valuePath="kuantitasDisetujui"
								@isEditable={{ if formConfig.form.kuantitasDisetujui formConfig.form.kuantitasDisetujui.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ model }} @label="Rencana Tanggal Pengiriman" @valuePath="rencanaTanggalPengiriman"
								@isEditable={{ if formConfig.form.rencanaTanggalPengiriman formConfig.form.rencanaTanggalPengiriman.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ model }} @label="Tanggal Disetujui" @valuePath="tanggalDisetujui"
								@isEditable={{ if formConfig.form.tanggalDisetujui formConfig.form.tanggalDisetujui.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @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="Warna" @valuePath="warnaValue"
								@isEditable={{ if formConfig.form.warna formConfig.form.warna.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							{{!-- <AppInputText @model={{ model }} @label="Warna Disetujui" @valuePath="warnaDisetujui" @isEditable={{ if formConfig.form.warnaDisetujui formConfig.form.warnaDisetujui.isEditable false }} /> --}}
							<AppInputCombobox @name="warnaDisetujui" @valuePath="warnaDisetujui" @label="Warna Disetujui"
								@primaryValue="color" @model={{ model.warnaDisetujui }} @modelAll={{ model }} @options={{ this.colors }}
								@isEditable={{ if formConfig.form.warnaDisetujui formConfig.form.warnaDisetujui.isEditable false }} />
						</div>

					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>