<AppBarTop @leftRoute="account-management.index" @title="Account Management" @rightAction={{ action "saveAccountManagement" }} @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}}
{{#if this.subDistricts}}
testttt
{{/if}}
<div class="accordion-div" id="accordion-account-management">
<AppCard @id="account-management" @showHeader={{ true }} @parentId="account-management" @title="Account Management">
<div class="row">
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Prefix" @valuePath="prefix" @isEditable={{ if formConfig.prefix formConfig.prefix.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Suffix" @valuePath="suffix" @isEditable={{ if formConfig.suffix formConfig.suffix.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Customer Name" @valuePath="customerName" @isEditable={{ if formConfig.customerName formConfig.customerName.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Tentative Customer ID" @valuePath="tentativeCustomerId" @isEditable={{ if formConfig.tentativeCustomerId formConfig.tentativeCustomerId.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Universal Customer ID" @valuePath="universalCustomerId" @isEditable={{ if formConfig.universalCustomerId formConfig.universalCustomerId.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="businessSegment" @searchField="businessSegmentCode" @primaryValue="businessSegmentCode" @valuePath="businessSegment" @label="Business Segment" @model={{ model.businessSegment }} @modelAll={{ model }} @options={{ this.businessSegments }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.businessSegment formConfig.businessSegment.isEditable true }}/>
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="subBusinessSegment" @searchField="subBusinessSegmentCode" @primaryValue="subBusinessSegmentCode" @valuePath="subBusinessSegment" @label="Sub Business Segment" @model={{ model.subBusinessSegment }} @modelAll={{ model }} @options={{ this.subBusinessSegments }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.subBusinessSegment formConfig.subBusinessSegment.isEditable true }}/>
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Term of Payment" @valuePath="termOfPayment" @isEditable={{ if formConfig.termOfPayment formConfig.termOfPayment.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Customer Type DMS" @valuePath="customerTypeDms" @isEditable={{ if formConfig.customerTypeDms formConfig.customerTypeDms.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Customer Type HMS" @valuePath="customerTypeHms" @isEditable={{ if formConfig.customerTypeHms formConfig.customerTypeHms.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Parent Account" @valuePath="parentAccount" @isEditable={{ if formConfig.parentAccount formConfig.parentAccount.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Sales Classification" @valuePath="salesClassification" @isEditable={{ if formConfig.salesClassification formConfig.salesClassification.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Service Classification" @valuePath="serviceClassification" @isEditable={{ if formConfig.serviceClassification formConfig.serviceClassification.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Spare Parts Classification" @valuePath="sparePartsClassification" @isEditable={{ if formConfig.sparePartsClassification formConfig.sparePartsClassification.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="UIO Sales" @valuePath="uioSales" @isEditable={{ if formConfig.uioSales formConfig.uioSales.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="UIO Service" @valuePath="uioService" @isEditable={{ if formConfig.uioService formConfig.uioService.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Line of Business" @valuePath="lineOfBusiness" @isEditable={{ if formConfig.lineOfBusiness formConfig.lineOfBusiness.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Load" @valuePath="load" @isEditable={{ if formConfig.load formConfig.load.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Payload" @valuePath="payload" @isEditable={{ if formConfig.payload formConfig.payload.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Year Establishment" @valuePath="yearEstablishment" @isEditable={{ if formConfig.yearEstablishment formConfig.yearEstablishment.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Registration Number" @valuePath="registrationNumber" @isEditable={{ if formConfig.registrationNumber formConfig.registrationNumber.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Why Buy Hino" @valuePath="whyBuyHino" @isEditable={{ if formConfig.whyBuyHino formConfig.whyBuyHino.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="CustomerSize" @valuePath="customerSize" @isEditable={{ if formConfig.customerSize formConfig.customerSize.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputCombobox @name="idType" @valuePath="idType" @label="ID Type" @primaryValue="idTypeCode" @model={{ model.idType }} @modelAll={{ model }} @options={{ this.idTypes }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.idType formConfig.idType.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Government ID No" @valuePath="governmentIdNo" @isEditable={{ if formConfig.governmentIdNo formConfig.governmentIdNo.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Tax Invoice Type" @valuePath="taxInvoiceType" @isEditable={{ if formConfig.taxInvoiceType formConfig.taxInvoiceType.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Vat Transaction Code" @valuePath="vatTransactionCode" @isEditable={{ if formConfig.vatTransactionCode formConfig.vatTransactionCode.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Reason of Not Service in Hino" @valuePath="reasonOfNotServiceInHino" @isEditable={{ if formConfig.reasonOfNotServiceInHino formConfig.reasonOfNotServiceInHino.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Reason of Not Service Contract with Hino" @valuePath="reasonOfNotServiceContractWithHino" @isEditable={{ if formConfig.reasonOfNotServiceContractWithHino formConfig.reasonOfNotServiceContractWithHino.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Reason of Not Buying Hino Parts" @valuePath="reasonOfNotBuyingHinoParts" @isEditable={{ if formConfig.reasonOfNotBuyingHinoParts formConfig.reasonOfNotBuyingHinoParts.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Reason of Not Sparepart Contract With Hino" @valuePath="reasonOfNotSparepartContractWithHino" @isEditable={{ if formConfig.reasonOfNotSparepartContractWithHino formConfig.reasonOfNotSparepartContractWithHino.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Correspondence Equal To" @valuePath="correspondenceEqualTo" @isEditable={{ if formConfig.correspondenceEqualTo formConfig.correspondenceEqualTo.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Billing Equal To" @valuePath="billingEqualTo" @isEditable={{ if formConfig.billingEqualTo formConfig.billingEqualTo.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Chief Mechanic" @valuePath="chiefMechanic" @isEditable={{ if formConfig.chiefMechanic formConfig.chiefMechanic.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Mechanic" @valuePath="mechanic" @isEditable={{ if formConfig.mechanic formConfig.mechanic.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="No of Bay" @valuePath="noOfBay" @isEditable={{ if formConfig.noOfBay formConfig.noOfBay.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Operation Distance" @valuePath="operationDistance" @isEditable={{ if formConfig.operationDistance formConfig.operationDistance.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Warehouse Head" @valuePath="warehouseHead" @isEditable={{ if formConfig.warehouseHead formConfig.warehouseHead.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Partsman" @valuePath="partsman" @isEditable={{ if formConfig.partsman formConfig.partsman.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Customer DMS ID" @valuePath="customerDmsId" @isEditable={{ if formConfig.customerDmsId formConfig.customerDmsId.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Fixed Customer ID" @valuePath="fixedCustomerId" @isEditable={{ if formConfig.fixedCustomerId formConfig.fixedCustomerId.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Address" @valuePath="address" @isEditable={{ if formConfig.address formConfig.address.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Kontak Utama" @valuePath="kontakUtama" @isEditable={{ if formConfig.kontakUtama formConfig.kontakUtama.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Contact Phone" @valuePath="contactPhone" @isEditable={{ if formConfig.contactPhone formConfig.contactPhone.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Nama Dealer" @valuePath="namaDealer" @isEditable={{ if formConfig.namaDealer formConfig.namaDealer.isEditable true }} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ model }} @label="Branch" @valuePath="branch" @isEditable={{ if formConfig.branch formConfig.branch.isEditable true }} />
</div>
</div>
</AppCard>
<AppCard @id="account-address" @showHeader={{ true }} @parentId="account-management" @title="Account Address">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.accountAddress 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="form-check form-check-inline form-checkbox form-group">
<input type="checkbox" class="form-check-input d-none" value="1" id="is-primary-{{index}}" onclick={{action (mut item.isPrimary) value="target.checked"}} checked={{ eq item.isPrimary "1" }}>
<label class="form-check-label align-items-center d-flex align-items-center{{if item.isPrimary " checked" ""}}" for="is-primary-{{index}}">
<i class="bx bxs-check-circle"></i><span> Is Primary</span></label>
</div>
</div>
<div class="col-12 col-md-6">
<AppInputCombobox @name="addressType" @valuePath="addressType" @label="Type" @primaryValue="addressType" @model={{ item.addressType }} @modelAll={{ item }} @options={{ this.addressTypes }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.addressType formConfig.accountAddress.addressType.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="country" @searchField="countryName" @primaryValue="countryName" @valuePath="country" @label="Country" @model={{ item.country }} @modelAll={{ item }} @options={{ this.countries }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.country formConfig.accountAddress.country.isEditable true) true}}/>
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Alamat 1" @valuePath="alamat1" @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.alamat1 formConfig.accountAddress.alamat1.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Alamat 2" @valuePath="alamat2" @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.alamat2 formConfig.accountAddress.alamat2.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Alamat 3" @valuePath="alamat3" @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.alamat3 formConfig.accountAddress.alamat3.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="village" @searchField="village" @primaryValue="village" @valuePath="village" @label="Kelurahan" @model={{ item.village }} @modelAll={{ item }} @options={{ this.villages }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.village formConfig.accountAddress.village.isEditable true) true}}/>
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="province" @searchField="province" @primaryValue="province" @valuePath="province" @label="Provinsi" @model={{ item.province }} @modelAll={{ item }} @options={{ this.provinces }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.province formConfig.accountAddress.province.isEditable true) true}}/>
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="municipality" @searchField="municipality" @primaryValue="municipality" @valuePath="municipality" @label="Kabupaten/Kotamadya" @model={{ item.municipality }} @modelAll={{ item }} @options={{ this.municipalities }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.municipality formConfig.accountAddress.municipality.isEditable true) true}}/>
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="subDistrict" @searchField="subDistrict" @primaryValue="subDistrict" @valuePath="subDistrict" @label="Kecamatan" @model={{ item.subDistrict }} @modelAll={{ item }} @options={{ this.subDistricts }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.subDistrict formConfig.accountAddress.subDistrict.isEditable true) true}}/>
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Kode POS" @valuePath="kodePos" @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.kodePos formConfig.accountAddress.kodePos.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Government ID Value" @valuePath="governmentIdValue" @isEditable={{ if formConfig.accountAddress (if formConfig.accountAddress.governmentIdValue formConfig.accountAddress.governmentIdValue.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" "account-address" 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" "account-address" }}>Add Row</button>
</div>
</div>
</AppCard>
<AppCard @id="account-contact" @showHeader={{ true }} @parentId="account-management" @title="Account Contact">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.accountContact 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="form-check form-check-inline form-checkbox form-group">
<input type="checkbox" class="form-check-input d-none" value="1" id="is-favorite-contact-{{index}}" onclick={{action (mut item.isFavoriteContact) value="target.checked"}} checked={{ eq item.isFavoriteContact "1" }}>
<label class="form-check-label align-items-center d-flex align-items-center{{if item.isFavoriteContact " checked" ""}}" for="is-favorite-contact-{{index}}">
<i class="bx bxs-check-circle"></i><span> Is Favorite Contact</span></label>
</div>
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Primary Contact" @valuePath="primaryContact" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.primaryContact formConfig.accountContact.primaryContact.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Job Tittle" @valuePath="jobTittle" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.jobTittle formConfig.accountContact.jobTittle.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Phone" @valuePath="phone" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.phone formConfig.accountContact.phone.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Primary Email" @valuePath="primaryEmail" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.primaryEmail formConfig.accountContact.primaryEmail.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Owner" @valuePath="owner" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.owner formConfig.accountContact.owner.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Contact ID" @valuePath="contactId" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.contactId formConfig.accountContact.contactId.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Nama Depan" @valuePath="namaDepan" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.namaDepan formConfig.accountContact.namaDepan.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Nama Belakang" @valuePath="namaBelakang" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.namaBelakang formConfig.accountContact.namaBelakang.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Nama Tengah" @valuePath="namaTengah" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.namaTengah formConfig.accountContact.namaTengah.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Account" @valuePath="account" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.account formConfig.accountContact.account.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Mobile Phone" @valuePath="mobilePhone" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.mobilePhone formConfig.accountContact.mobilePhone.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Email" @valuePath="email" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.email formConfig.accountContact.email.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Type" @valuePath="type" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.type formConfig.accountContact.type.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Country" @valuePath="country" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.country formConfig.accountContact.country.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Alamat 1" @valuePath="alamat1" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.alamat1 formConfig.accountContact.alamat1.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Alamat 2" @valuePath="alamat2" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.alamat2 formConfig.accountContact.alamat2.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Alamat 3" @valuePath="alamat3" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.alamat3 formConfig.accountContact.alamat3.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Kelurahan" @valuePath="kelurahan" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.kelurahan formConfig.accountContact.kelurahan.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Provinsi" @valuePath="provinsi" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.provinsi formConfig.accountContact.provinsi.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Kabupaten/Kotamadya" @valuePath="kabupatenKotamadya" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.kabupatenKotamadya formConfig.accountContact.kabupatenKotamadya.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Kecamatan" @valuePath="kecamatan" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.kecamatan formConfig.accountContact.kecamatan.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Kode POS" @valuePath="kodePos" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.kodePos formConfig.accountContact.kodePos.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Government ID No" @valuePath="governmentIdNo" @isEditable={{ if formConfig.accountContact (if formConfig.accountContact.governmentIdNo formConfig.accountContact.governmentIdNo.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" "account-contact" 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" "account-contact" }}>Add Row</button>
</div>
</div>
</AppCard>
<AppCard @id="account-team" @showHeader={{ true }} @parentId="account-management" @title="Account Team">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.accountTeam 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="Owner" @valuePath="owner" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.owner formConfig.accountTeam.owner.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Name" @valuePath="name" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.name formConfig.accountTeam.name.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Tittle" @valuePath="tittle" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.tittle formConfig.accountTeam.tittle.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Phone" @valuePath="phone" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.phone formConfig.accountTeam.phone.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Email" @valuePath="email" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.email formConfig.accountTeam.email.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Access" @valuePath="access" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.access formConfig.accountTeam.access.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Function" @valuePath="function" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.function formConfig.accountTeam.function.isEditable true) true}} />
</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="is-use-{{index}}" onclick={{action (mut item.isUse) value="target.checked"}} checked={{ eq item.isUse "1" }}>
<label class="form-check-label align-items-center d-flex align-items-center{{if item.isUse " checked" ""}}" for="is-use-{{index}}">
<i class="bx bxs-check-circle"></i><span> Is Use</span></label>
</div>
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Resource Name" @valuePath="resourceName" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.resourceName formConfig.accountTeam.resourceName.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Registry ID" @valuePath="registryId" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.registryId formConfig.accountTeam.registryId.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="teamRole" @searchField="teamRole" @primaryValue="teamRole" @valuePath="teamRole" @label="Roles" @model={{ item.teamRole }} @modelAll={{ item }} @options={{ this.teamRoles }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.teamRole formConfig.accountTeam.teamRole.isEditable true) true}}/>
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="teamOrganization" @searchField="teamOrganization" @primaryValue="teamOrganization" @valuePath="teamOrganization" @label="Organization" @model={{ item.teamOrganization }} @modelAll={{ item }} @options={{ this.teamOrganizations }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.teamOrganization formConfig.accountTeam.teamOrganization.isEditable true) true}}/>
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Manager" @valuePath="manager" @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.manager formConfig.accountTeam.manager.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="teamResource" @searchField="resourceName" @primaryValue="resourceName" @valuePath="teamResource" @label="Team Resource" @model={{ item.teamResource }} @modelAll={{ item }} @options={{ this.teamResources }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountTeam (if formConfig.accountTeam.teamResource formConfig.accountTeam.teamResource.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" "account-team" 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" "account-team" }}>Add Row</button>
</div>
</div>
</AppCard>
<AppCard @id="account-customer-uio" @showHeader={{ true }} @parentId="account-management" @title="Account Customer UIO">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.accountCustomerUio 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 @type="number" @model={{ item }} @label="Hino" @valuePath="hino" @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.hino formConfig.accountCustomerUio.hino.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Mitsubishi" @valuePath="mitsubishi" @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.mitsubishi formConfig.accountCustomerUio.mitsubishi.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Isuzu" @valuePath="isuzu" @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.isuzu formConfig.accountCustomerUio.isuzu.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="UD" @valuePath="ud" @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.ud formConfig.accountCustomerUio.ud.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Toyota" @valuePath="toyota" @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.toyota formConfig.accountCustomerUio.toyota.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Mercedes Benz" @valuePath="mercedesBenz" @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.mercedesBenz formConfig.accountCustomerUio.mercedesBenz.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputText @type="number" @model={{ item }} @label="Others" @valuePath="others" @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.others formConfig.accountCustomerUio.others.isEditable true) true}} />
</div>
<div class="col-12 col-md-6">
<AppInputComboboxAutocomplete @name="categoryUio" @searchField="categoryUioCode" @primaryValue="categoryUioCode" @valuePath="categoryUio" @label="Category" @model={{ item.categoryUio }} @modelAll={{ item }} @options={{ this.categoryUios }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.categoryUio formConfig.accountCustomerUio.categoryUio.isEditable true) true}}/>
</div>
<div class="col-12 col-md-6">
<AppInputText @model={{ item }} @label="Customer UIO Name" @valuePath="customerUioName" @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.customerUioName formConfig.accountCustomerUio.customerUioName.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" "account-customer-uio" 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" "account-customer-uio" }}>Add Row</button>
</div>
</div>
</AppCard>
<AppCard @id="account-vehicle" @showHeader={{ true }} @parentId="account-management" @title="AccountVehicle">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.accountVehicle as |item index|}}
<div class="data-list-item mb-3">
<div class="row">
<div class="col-10">
</div>
<div class="col-2">
<div class="row">
<div class="col-12 mt-0 mb-2">
<span class="float-left">
<i {{action "deleteRowData" "account-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" "account-vehicle" }}>Add Row</button>
</div>
</div>
</AppCard>
<AppCard @id="account-unit-sales-order" @showHeader={{ true }} @parentId="account-management" @title="AccountUnitSalesOrder">
<div class="row">
<div class="col-12">
<div class="data-list">
{{#each model.accountUnitSalesOrder as |item index|}}
<div class="data-list-item mb-3">
<div class="row">
<div class="col-10">
</div>
<div class="col-2">
<div class="row">
<div class="col-12 mt-0 mb-2">
<span class="float-left">
<i {{action "deleteRowData" "account-unit-sales-order" 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" "account-unit-sales-order" }}>Add Row</button>
</div>
</div>
</AppCard>
</div>
</div>
</div>
</section>