<AppBarTop @leftRoute="account-management.detail" @leftRouteArgs={{ parentId }} @title="Vehicle Management Detail" @rightAction={{ action "saveVehicleManagement"  }} @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">
			<div class="accordion" id="accordion-vehicle-management">
				<AppCard @id="vehicle-management-div" @parentId="vehicle-management" @title="Vehicle Management">
						<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="VIN" @valuePath="vin" @isEditable={{ if formConfig.form.vin formConfig.form.vin.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="VIN Number 20" @valuePath="vinNumber20" @isEditable={{ if formConfig.form.vinNumber20 formConfig.form.vinNumber20.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="brand" @searchField="globalName" @primaryValue="globalName" @valuePath="brand" @label="Merk" @model={{ model.brand }} @modelAll={{ model }} @options={{ this.brands }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.brand formConfig.form.brand.isEditable false }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="vehicleModel" @searchField="hoyuVehicleModel" @primaryValue="hoyuVehicleModel" @valuePath="vehicleModel" @label="Model Group" @model={{ model.vehicleModel }} @modelAll={{ model }} @options={{ this.vehicleModels }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.vehicleModel formConfig.form.vehicleModel.isEditable false }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="vehicleVariant" @searchField="hoyuVehicleModel" @primaryValue="hoyuVehicleModel" @valuePath="vehicleVariant" @label="Model Variant" @model={{ model.vehicleVariant }} @modelAll={{ model }} @options={{ this.vehicleVariants }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.vehicleVariant formConfig.form.vehicleVariant.isEditable false }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Category" @valuePath="vehicleCategory" @isEditable={{ if formConfig.form.vehicleCategory formConfig.form.vehicleCategory.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="No. Rangka" @valuePath="noRangka" @isEditable={{ if formConfig.form.noRangka formConfig.form.noRangka.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="No. Mesin" @valuePath="noMesin" @isEditable={{ if formConfig.form.noMesin formConfig.form.noMesin.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun Pembuatan" @valuePath="tahunPembuatan" @isEditable={{ if formConfig.form.tahunPembuatan formConfig.form.tahunPembuatan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Tahun Perakitan" @valuePath="tahunPerakitan" @isEditable={{ if formConfig.form.tahunPerakitan formConfig.form.tahunPerakitan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Status Kendaraan" @valuePath="statusKendaraan" @isEditable={{ if formConfig.form.statusKendaraan formConfig.form.statusKendaraan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="businessSegment" @searchField="businessSegmentCode" @primaryValue="businessSegmentCode" @valuePath="businessSegment" @label="Segmen Kendaraan" @model={{ model.businessSegment }} @modelAll={{ model }} @options={{ this.businessSegments }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.businessSegment formConfig.form.businessSegment.isEditable false }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="subBusinessSegment" @searchField="subBusinessSegmentCode" @primaryValue="subBusinessSegmentCode" @valuePath="subBusinessSegment" @label="Sub Segmen Kendaraan" @model={{ model.subBusinessSegment }} @modelAll={{ model }} @options={{ this.subBusinessSegments }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.subBusinessSegment formConfig.form.subBusinessSegment.isEditable false }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="warna" @searchField="color" @primaryValue="color" @valuePath="warna" @label="Warna" @model={{ model.color }} @modelAll={{ model }} @options={{ this.warnas }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.color formConfig.form.color.isEditable false }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Komersil" @valuePath="namaKomersil" @isEditable={{ if formConfig.form.namaKomersil formConfig.form.namaKomersil.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">
							<AppInputCombobox @name="tipeBbm" @valuePath="tipeBbm" @label="Tipe BBM" @primaryValue="fuelType" @model={{ model.fuelType }} @modelAll={{ model }} @options={{ this.tipeBbms }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.fuelType formConfig.form.fuelType.isEditable false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="VRF Customer Name" @valuePath="vrfCustomerName" @isEditable={{ if formConfig.form.vrfCustomerName formConfig.form.vrfCustomerName.isEditable false }} />
						</div> --}}
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="karoseriType" @searchField="karoseriType" @primaryValue="karoseriType" @valuePath="karoseriType" @label="Tipe Karoseri" @model={{ model.karoseriType }} @modelAll={{ model }} @options={{ this.karoseriTypes }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.karoseriType formConfig.form.karoseriType.isEditable false }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="karoseri" @searchField="karoseri" @primaryValue="karoseri" @valuePath="karoseri" @label="Karoseri" @model={{ model.karoseri }} @modelAll={{ model }} @options={{ this.karoseris }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.karoseri formConfig.form.karoseri.isEditable false }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Key Code" @valuePath="keyCode" @isEditable={{ if formConfig.form.keyCode formConfig.form.keyCode.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kode Radio Tape" @valuePath="kodeRadioTape" @isEditable={{ if formConfig.form.kodeRadioTape formConfig.form.kodeRadioTape.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="KM Terakhir" @valuePath="kmTerakhir"  @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.kmTerakhir formConfig.form.kmTerakhir.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="No. Plat" @valuePath="noPlat"  @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.noPlat formConfig.form.noPlat.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="No. BPKB" @valuePath="noBpkb"  @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.noBpkb formConfig.form.noBpkb.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ model }} @valuePath="tanggalBpkb" @step={{ 1 }}  @name="tanggal-bpkb" @label="Tanggal BPKB"  @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.tanggalBpkb formConfig.form.tanggalBpkb.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="No. STNK" @valuePath="noStnk"  @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.noStnk formConfig.form.noStnk.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDate @model={{ model }} @valuePath="tanggalStnk" @step={{ 1 }} @name="tanggal-stnk" @label="Tanggal STNK"  @didValidate={{ didValidate }} @isEditable={{ if formConfig.form.tanggalStnk formConfig.form.tanggalStnk.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Kapasitas Mesin" @valuePath="kapasitasMesin" @isEditable={{ if formConfig.form.kapasitasMesin formConfig.form.kapasitasMesin.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="No. Police Faktur" @valuePath="noPoliceFaktur" @isEditable={{ if formConfig.form.noPoliceFaktur formConfig.form.noPoliceFaktur.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Stage" @valuePath="vehicleStage" @isEditable={{ if formConfig.form.vehicleStage formConfig.form.vehicleStage.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="Kode Cabang" @valuePath="kodeCabang" @isEditable={{ if formConfig.form.kodeCabang formConfig.form.kodeCabang.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Karyawan" @valuePath="namaKaryawan" @isEditable={{ if formConfig.form.namaKaryawan formConfig.form.namaKaryawan.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tanggalDo }} @name="tanggal-do" @label="Tanggal Do" @isEditable={{ if formConfig.form.tanggalDo formConfig.form.tanggalDo.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="No. VRF" @valuePath="noVrf" @isEditable={{ if formConfig.form.noVrf formConfig.form.noVrf.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="From Warehouse" @valuePath="fromWarehouse" @isEditable={{ if formConfig.form.fromWarehouse formConfig.form.fromWarehouse.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Shipment Number" @valuePath="shipmentNumber" @isEditable={{ if formConfig.form.shipmentNumber formConfig.form.shipmentNumber.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Jenis Pengiriman" @valuePath="jenisPengiriman" @isEditable={{ if formConfig.form.jenisPengiriman formConfig.form.jenisPengiriman.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.tanggalDaftar }} @name="tanggal-daftar" @label="Tanggal Daftar" @isEditable={{ if formConfig.form.tanggalDaftar formConfig.form.tanggalDaftar.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 @model={{ model }} @label="Nama Cabang" @valuePath="namaCabang" @isEditable={{ if formConfig.form.namaCabang formConfig.form.namaCabang.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="Stock Status" @valuePath="stockStatus" @isEditable={{ if formConfig.form.stockStatus formConfig.form.stockStatus.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputDateTime @model={{ model.fakturDateIds }} @name="faktur-date-ids" @label="Faktur Date IDS" @isEditable={{ if formConfig.form.fakturDateIds formConfig.form.fakturDateIds.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Invoice No. IDS" @valuePath="invoiceNoIds" @isEditable={{ if formConfig.form.invoiceNoIds formConfig.form.invoiceNoIds.isEditable false }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="KM Last Telematics" @valuePath="kmLastTelematics" @isEditable={{ if formConfig.form.kmLastTelematics formConfig.form.kmLastTelematics.isEditable false }} />
						</div>
						{{!-- <div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Vehicle Unique Identifier" @valuePath="vehicleUniqueIdentifier" @isEditable={{ if formConfig.form.vehicleUniqueIdentifier formConfig.form.vehicleUniqueIdentifier.isEditable false }} />
						</div> --}}
						
					</div>
				</AppCard>
				<AppDetailLink @title="Police Faktur" onclick={{transition-to "vehicle-management.hoyu-faktur-approval" model.id model.sourceSystemNo}} />
				<AppDetailLink @title="Vehicle Bast" onclick={{transition-to "vehicle-management.vehicle-bast" model.id}} />
				<AppDetailLink @title="Vehicle Warranty" onclick={{transition-to "vehicle-management.vehicle-warranty" model.id}} />
				<AppDetailLink @title="Vehicle Work Order" onclick={{transition-to "vehicle-management.vehicle-work-order" model.id}} />
				</div>
		</div>
	</div>
</section>
