<AppBarTop @leftRoute={{this.backurl}} @leftRouteArgs={{this.backId}} @title="Account Detail" @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}}
<div class="accordion" id="accordion-account-management">
<AppCard @id="account-management-div" @parentId="account-management" @title="Account Profile">
<div class="row">
{{!-- <div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="sourcesystemno">Source System No.</span>
<span class="data">{{ model.sourceSystemNo }}</span>
</div>
</div> --}}
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="prefix">Prefix</span>
<span class="data">{{ model.prefix }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="suffix">Suffix</span>
<span class="data">{{ model.suffix }}</span>
</div>
</div>
<div class="col-12 col-sm-6" onclick={{transition-to "account-management.edit" model.id}}>
<div class="detail-row-view">
<span for="customername"> Nama</span>
<span class="data">{{ model.customerName }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="tentativecustomerid">Tentative Customer ID</span>
<span class="data">{{ model.tentativeCustomerId }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="universalcustomerid">FIXED ID</span>
<span class="data">{{ model.universalCustomerId }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<AppInputComboboxAutocomplete @onChangeCombo={{action "onChangeCombo"}} @name="businessSegment" @searchField="businessSegment" @primaryValue="businessSegment" @valuePath="businessSegment" @label="Business Segment" @model={{ model.businessSegment }} @modelAll={{ model }} @options={{ this.businessSegments }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.businessSegment formConfig.businessSegment.isEditable true }}/>
{{!-- <span for="businesssegment">Business Segment</span>
<span class="data">{{ model.bisnisSegmen }}</span> --}}
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<AppInputComboboxAutocomplete @name="subBusinessSegment" @searchField="subBusinessSegment" @primaryValue="subBusinessSegment" @valuePath="subBusinessSegment" @label="Sub Business Segment" @model={{ model.subBusinessSegment }} @modelAll={{ model }} @options={{ this.subBusinessSegments }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.subBusinessSegment formConfig.subBusinessSegment.isEditable true }}/>
{{!-- <span for="subbusinesssegment">Sub Business Segment</span>
<span class="data">{{ model.subSegmen }}</span> --}}
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="termofpayment">Term of Payment</span>
<span class="data">{{ model.termOfPayment }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="customertypedms">Customer Type (DMS)</span>
<span class="data">{{ model.customerTypeDms }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="customertypehms">Customer Type (HOYU)</span>
<span class="data">{{ model.customerTypeHms }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="parentaccount">Parent Account</span>
<span class="data">{{ model.parentAccount }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="salesclassification">Sales Classification</span>
<span class="data">{{ model.salesClassification }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="serviceclassification">Service Classification</span>
<span class="data">{{ model.serviceClassification }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="sparepartsclassification">Spare Parts Classification</span>
<span class="data">{{ model.sparePartsClassification }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="uiosales">UIO (Sales)</span>
<span class="data">{{ model.uioSales }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="uioservice">UIO (Service)</span>
<span class="data">{{ model.uioService }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="lineofbusiness">Bidang Usaha</span>
<span class="data">{{ model.lineOfBusiness }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="load">Load</span>
<span class="data">{{ model.load }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="payload">Payload</span>
<span class="data">{{ model.payload }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="yearestablishment">Year Establishment</span>
<span class="data">{{ model.yearEstablishment }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="registrationnumber">Registration Number</span>
<span class="data">{{ model.registrationNumber }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="whybuyhino">Why Buy Hino</span>
<span class="data">{{ model.whyBuyHino }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="customersize">CustomerSize</span>
<span class="data">{{ model.customerSize }}</span>
</div>
</div>
{{#if (eq model.isLabel "true") }}
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="idType">ID Type</span>
<span class="data">{{model.idTypesIdTypeCode }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="governmentIdNo">Government ID No</span>
<span class="data">{{ model.governmentIdNo }}</span>
</div>
</div>
{{else}}
<div class="col-12 col-sm-6">
<div class="detail-row-view">
{{!-- <span for="idtype">ID Type</span>
<span class="data">{{ model.idTypesId }}</span> --}}
<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>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
{{#if (eq model.idType.idTypeCode "KTP" )}}
<AppInputText @type="number" @model={{ model }} @didValidate={{ didValidate }} @label="Government ID No" @valuePath="governmentIdNo" @isEditable={{ if formConfig.governmentIdNo formConfig.governmentIdNo.isEditable true }} />
{{else}}
<AppInputText @type="text" @model={{ model }} @didValidate={{ didValidate }} @label="Government ID No" @valuePath="governmentIdNo" @isEditable={{ if formConfig.governmentIdNo formConfig.governmentIdNo.isEditable true }} />
{{/if}}
</div>
</div>
{{!-- <AppInputText @type="text" @model={{ model }} @didValidate={{ didValidate }} @label="Government ID No" @valuePath="governmentIdNo" @isEditable={{ if formConfig.governmentIdNo formConfig.governmentIdNo.isEditable true }} /> --}}
{{/if}}
<div class="col-12 col-sm-6">
<div class="detail-row-view">
{{!-- <span for="governmentidno">Government ID No</span>
<span class="data">{{ model.governmentIdNo }}</span> --}}
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="taxinvoicetype">Tax Invoice Type</span>
<span class="data">{{ model.taxInvoiceType }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="vattransactioncode">Vat Transaction Code</span>
<span class="data">{{ model.vatTransactionCode }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="reasonofnotserviceinhino">Reason of Not Service in Hino</span>
<span class="data">{{ model.reasonOfNotServiceInHino }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="reasonofnotservicecontractwithhino">Reason of Not Service Contract with Hino</span>
<span class="data">{{ model.reasonOfNotServiceContractWithHino }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="reasonofnotbuyinghinoparts">Reason of Not Buying Hino Parts</span>
<span class="data">{{ model.reasonOfNotBuyingHinoParts }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="reasonofnotsparepartcontractwithhino">Reason of Not Sparepart Contract With Hino</span>
<span class="data">{{ model.reasonOfNotSparepartContractWithHino }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="correspondenceequalto">Correspondence Equal To</span>
<span class="data">{{ model.correspondenceEqualTo }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="billingequalto">Billing Equal To</span>
<span class="data">{{ model.billingEqualTo }}</span>
</div>
</div>
{{!-- <div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="fixedcustomerid">Fixed Customer ID</span>
<span class="data">{{ model.fixedCustomerId }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="address">Address</span>
<span class="data">{{ model.address }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="kontakutama">Kontak Utama</span>
<span class="data">{{ model.kontakUtama }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="contactphone">Contact Phone</span>
<span class="data">{{ model.contactPhone }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="namadealer">Nama Dealer</span>
<span class="data">{{ model.namaDealer }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="branch">Branch</span>
<span class="data">{{ model.branch }}</span>
</div>
</div> --}}
{{!-- <div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="partynumber">Party Number</span>
<span class="data">{{ model.partyNumber }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="customertypehms">Customer Type HMS</span>
<span class="data">{{ model.customerTypeHms }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="parentaccount">Parent Account</span>
<span class="data">{{ model.parentAccount }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="salesclassification">Sales Classification</span>
<span class="data">{{ model.salesClassification }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="serviceclassification">Service Classification</span>
<span class="data">{{ model.serviceClassification }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="sparepartsclassification">Spare Parts Classification</span>
<span class="data">{{ model.sparePartsClassification }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="uiosales">UIO Sales</span>
<span class="data">{{ model.uioSales }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="uioservice">UIO Service</span>
<span class="data">{{ model.uioService }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="lineofbusiness">Line of Business</span>
<span class="data">{{ model.lineOfBusiness }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="load">Load</span>
<span class="data">{{ model.load }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="payload">Payload</span>
<span class="data">{{ model.payload }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="yearestablishment">Year Establishment</span>
<span class="data">{{ model.yearEstablishment }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="registrationnumber">Registration Number</span>
<span class="data">{{ model.registrationNumber }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="whybuyhino">Why Buy Hino</span>
<span class="data">{{ model.whyBuyHino }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="customersize">CustomerSize</span>
<span class="data">{{ model.customerSize }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="taxinvoicetype">Tax Invoice Type</span>
<span class="data">{{ model.taxInvoiceType }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="vattransactioncode">Vat Transaction Code</span>
<span class="data">{{ model.vatTransactionCode }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="reasonofnotserviceinhino">Reason of Not Service in Hino</span>
<span class="data">{{ model.reasonOfNotServiceInHino }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="reasonofnotservicecontractwithhino">Reason of Not Service Contract with Hino</span>
<span class="data">{{ model.reasonOfNotServiceContractWithHino }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="reasonofnotbuyinghinoparts">Reason of Not Buying Hino Parts</span>
<span class="data">{{ model.reasonOfNotBuyingHinoParts }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="reasonofnotsparepartcontractwithhino">Reason of Not Sparepart Contract With Hino</span>
<span class="data">{{ model.reasonOfNotSparepartContractWithHino }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="correspondenceequalto">Correspondence Equal To</span>
<span class="data">{{ model.correspondenceEqualTo }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="billingequalto">Billing Equal To</span>
<span class="data">{{ model.billingEqualTo }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="chiefmechanic">Chief Mechanic</span>
<span class="data">{{ model.chiefMechanic }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="mechanic">Mechanic</span>
<span class="data">{{ model.mechanic }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="noofbay">No of Bay</span>
<span class="data">{{ model.noOfBay }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="operationdistance">Operation Distance</span>
<span class="data">{{ model.operationDistance }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="warehousehead">Warehouse Head</span>
<span class="data">{{ model.warehouseHead }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="partsman">Partsman</span>
<span class="data">{{ model.partsman }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="customerdmsid">Customer DMS ID</span>
<span class="data">{{ model.customerDmsId }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="fixedcustomerid">Fixed Customer ID</span>
<span class="data">{{ model.fixedCustomerId }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="address">Address</span>
<span class="data">{{ model.address }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="kontakutama">Kontak Utama</span>
<span class="data">{{ model.kontakUtama }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="contactphone">Contact Phone</span>
<span class="data">{{ model.contactPhone }}</span>
</div>
</div> --}}
</div>
</AppCard>
{{!-- <AppDetailLink @title="Account Address" onclick={{transition-to "account-management.edit" model.id}} /> --}}
<div class="accordion" id="accordion-account-management-adr">
<AppCard @id="account-management-adr-div" @parentId="account-management-adr" @title="Address" @show={{false}}>
<div class="accordion data-list" id="accordion-account-address">
{{#if model.accountAddress}}
{{#each model.accountAddress as |item index|}}
<div class="data-list-item">
<div class="hino-accordion-button data-list-accordion-button collapsed" id="data-heading-address-{{ index }}" data-toggle="collapse" data-target="#collapse-address-{{ index }}" aria-expanded="false" aria-controls="collapse-address-{{ index }}">
<div class="d-flex align-items-center justify-content-between w-100 clickable">
<h5>
<span class="ordernum">{{add index 1 }}</span> Main Address
</h5>
<i class="bx bx-chevron-down"></i>
</div>
<div id="collapse-address-{{ index }}" class="hino-accordion-content data-list-content collapse" aria-labelledby="data-heading-address-{{ index }}" data-parent="#accordion-account-address" style="">
<div class="inner-wrapper">
<div class="row">
<div class="col-12 col-md-6" style="display: flex; align-items: center;">
<div class="detail-row-view" style="display: flex; align-items: center;">
<div class="form-check form-check-inline form-checkbox form-group">
<input class="form-check-input d-none" type="checkbox" id="show-accept-btn" value="show-accept-btn">
<label class="form-check-label align-items-center d-flex align-items-center {{if item.isPrimary "checked"}}" for="show-accept-btn">
<i class="bx bxs-check-circle"></i><span> Primary</span></label>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Type</span>
<span class="data">{{item.addressType.addressTypeCode}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Address</span>
<span class="data">{{item.alamat1}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{/each}}
{{/if}}
<div onclick= {{transition-to "account-management.create-address" }} class="detail-row-view" style="
display: flex;
align-items: center;
margin-top: 37px;
">
<i class="gray-plus"></i>
<span style="margin-left: 4px;color: #007bff">Add More</span>
</div>
</div>
</AppCard>
</div>
<div class="accordion" id="accordion-account-management-work">
<AppCard @id="account-management-work-div" @parentId="account-management-work" @title="Workshop" @show={{false}}>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="chiefmechanic">Chief Mechanic</span>
<span class="data">{{ model.chiefMechanic }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="mechanic">Mechanic</span>
<span class="data">{{ model.mechanic }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="noofbay">No of Bay</span>
<span class="data">{{ model.noOfBay }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="operationdistance">Operation Distance</span>
<span class="data">{{ model.operationDistance }}</span>
</div>
</div>
</AppCard>
</div>
<div class="accordion" id="accordion-account-management-man">
<AppCard @id="account-management-man-div" @parentId="account-management-man" @title="Man Power" @show={{false}}>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="warehousehead">Warehouse Head</span>
<span class="data">{{ model.warehouseHead }}</span>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="detail-row-view">
<span for="partsman">Partsman</span>
<span class="data">{{ model.partsman }}</span>
</div>
</div>
</AppCard>
</div>
<div class="accordion" id="accordion-account-management-contact">
<AppCard @id="account-management-contact-div" @parentId="account-management-contact" @title="Contact" @show={{false}}>
<div class="accordion data-list" id="accordion-account-contact">
{{#if model.accountContact}}
{{#each model.accountContact as |item index|}}
{{#if item.contactResource}}
<div class="data-list-item">
<div class="hino-accordion-button data-list-accordion-button collapsed" id="data-heading-contact-{{ index }}" data-toggle="collapse" data-target="#collapse-contact-{{ index }}" aria-expanded="false" aria-controls="collapse-contact-{{ index }}">
<div class="d-flex align-items-center justify-content-between w-100 clickable">
<h5>
<span class="ordernum">{{ add index 1 }}</span>{{concat item.contactResource.namaDepan ' ' item.contactResource.namaBelakang }}
</h5>
<i class="bx bx-chevron-down"></i>
</div>
<div id="collapse-contact-{{ index }}" class="hino-accordion-content data-list-content collapse" aria-labelledby="data-heading-contact-{{ index }}" data-parent="#accordion-account-contact" style="" >
<div class="inner-wrapper" onclick= {{transition-to "contact-resource.edit" item.contactResource.id }}>
<div class="row">
<div class="col-12 col-md-6" style="display: flex; align-items: center;">
<div class="detail-row-view" style="display: flex; align-items: center;">
<div class="form-check form-check-inline form-checkbox form-group">
<input class="form-check-input d-none" type="checkbox" id="show-accept-btn" value="show-accept-btn">
<label class="form-check-label align-items-center d-flex align-items-center {{if item.contactResource.favorite "checked"}}" for="show-accept-btn">
<i class="bx bxs-check-circle"></i><span> Primary</span></label>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view" >
<span>Job Title</span>
<span class="data" style="color: #007bff">{{if item.contactResource.jobTittle item.contactResource.jobTittle}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Phone</span>
<span class="data">{{item.contactResource.phone}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{/if}}
{{/each}}
{{/if}}
<div onclick= {{transition-to "contact-resource.index" }} class="detail-row-view" style="
display: flex;
align-items: center;
margin-top: 37px;
">
<i class="gray-plus"></i>
<span style="margin-left: 4px;color: #007bff">Add More</span>
</div>
</div>
</AppCard>
</div>
<div class="accordion" id="accordion-account-management-team">
<AppCard @id="account-management-team-div" @parentId="account-management-team" @title="Team" @show={{false}}>
<div class="accordion data-list" id="accordion-account-team">
{{#if model.accountTeam}}
{{#each model.accountTeam as |item index|}}
{{#if item.teamResource}}
<div class="data-list-item">
<div class="hino-accordion-button data-list-accordion-button collapsed" id="data-heading-team-{{ index }}" data-toggle="collapse" data-target="#collapse-team-{{ index }}" aria-expanded="true" aria-controls="collapse-team-{{ index }}">
<div class="d-flex align-items-center justify-content-between w-100 clickable">
<h5>
<span class="ordernum">{{add index 1 }}</span>{{item.teamResource.resourceName}}
</h5>
<i class="bx bx-chevron-down"></i>
</div>
<div id="collapse-team-{{ index }}" class="hino-accordion-content data-list-content collapse" aria-labelledby="data-heading-team-{{ index }}" data-parent="#accordion-account-team">
<div class="inner-wrapper">
<div class="row">
<div class="col-12 col-md-6" style="display: flex;align-items: center;">
<div class="detail-row-view" style="display: flex; align-items: center;">
<span></span>
<div class="form-check form-check-inline form-checkbox form-group">
<input class="form-check-input d-none" type="checkbox" id="show-accept-btn" value="show-accept-btn">
<label class="form-check-label align-items-center d-flex align-items-center" for="show-accept-btn">
<i class="bx bxs-check-circle"></i><span> Owner</span></label>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Title</span>
<span class="data">{{item.teamResource.tittle}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Phone</span>
<span class="data">{{item.teamResource.phone}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Email</span>
<span class="data">{{item.teamResource.email}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Access</span>
<span class="data">FULL</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Function</span>
<span class="data">Product Specialist</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{/if}}
{{/each}}
{{/if}}
<div onclick={{transition-to "team-resource.index" }} class="detail-row-view" style="
display: flex;
align-items: center;
margin-top: 37px;
">
<i class="gray-plus"></i>
<span style="margin-left: 4px;color: #007bff">Add More</span>
</div>
</div>
</AppCard>
</div>
<div class="accordion" id="accordion-account-management-cus">
<AppCard @id="account-management-cus-div" @parentId="account-management-cus" @title="Customer UIO" @show={{false}}>
<div class="accordion data-list" id="accordion-account-uio">
{{#if model.accountCustomerUio}}
{{#each model.accountCustomerUio as |item index|}}
<div class="data-list-item">
<div class="hino-accordion-button data-list-accordion-button collapsed"
id="data-heading-uio-{{ index }}" data-toggle="collapse" data-target="#collapse-uio-{{ index }}" aria-expanded="true" aria-controls="collapse-uio-{{ index }}">
<div class="d-flex align-items-center justify-content-between w-100 clickable">
<h5>
<span class="ordernum"> {{ add index 1 }}</span>{{item.customerUioName}}
</h5>
<i class="bx bx-chevron-down"></i>
</div>
<div id="collapse-uio-{{ index }}" class="hino-accordion-content data-list-content collapse" aria-labelledby="data-heading-uio-{{ index }}" data-parent="#accordion-account-uio">
<div class="inner-wrapper">
<div class="row">
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Category</span>
<span class="data">{{if item.categoryUio item.categoryUio.categoryUio}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Hino</span>
<span class="data">{{item.hino}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Mitsubishi</span>
<span class="data">{{item.mitsubishi}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Isuzu</span>
<span class="data">{{item.isuzu}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>UD</span>
<span class="data">{{item.ud}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Toyota</span>
<span class="data">{{item.toyota}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Mercedes Benz</span>
<span class="data">{{item.mercedesBenz}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Others</span>
<span class="data">{{item.others}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{/each}}
{{/if}}
<div onclick={{transition-to "account-management.create-customer" }} class="detail-row-view" style="
display: flex;
align-items: center;
margin-top: 37px;
">
<i class="gray-plus"></i>
<span style="margin-left: 4px;color: #007bff;">Detail</span>
</div>
</div>
</AppCard>
</div>
{{!-- <AppDetailLink @title="Account Contact" onclick={{transition-to "account-management.edit" model.id}} />
<AppDetailLink @title="Account Team" onclick={{transition-to "account-management.edit" model.id}} />
<AppDetailLink @title="Account Customer Uio" onclick={{transition-to "account-management.edit" model.id}} /> --}}
<div class="accordion" id="accordion-account-management-vin">
<AppCard @id="account-management-vin-div" @parentId="account-management-vin" @title="Vehicle" @show={{false}}>
<p>VIN</p>
<div class="accordion data-list" id="accordion-vehicle-management">
{{#if model.accountVehicle}}
{{#each model.accountVehicle as |item index|}}
{{#if item.vehicleManagement}}
<div class="data-list-item">
<div class="hino-accordion-button data-list-accordion-button" id="data-heading-1"
data-toggle="collapse"
data-target="#collapse-{{ index }}"
aria-expanded="true"
aria-controls="collapse-{{ index }}">
<div class="d-flex align-items-center justify-content-between w-100 clickable">
<h5>
<span class="ordernum" > {{ add index 1 }}</span>{{item.vehicleManagement.vin}}
</h5>
<i class="bx bx-chevron-down"></i>
</div>
</div>
<div id="collapse-{{ index }}"
class="hino-accordion-content data-list-content collapse show"
aria-labelledby="data-heading-1"
data-parent="#accordion-vehicle-management"
onclick={{transition-to "vehicle-management.view-detail" item.vehicleManagement.id }}>
<div class="inner-wrapper">
<div class="row">
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Merk</span>
<span class="data">{{item.vehicleManagement.merk}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>No. Rangka</span>
<span class="data" style="color: #007bff">{{item.vehicleManagement.noRangka}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>No. Mesin</span>
<span class="data">{{item.vehicleManagement.noMesin}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Status</span>
<span class="data">{{item.vehicleManagement.statusKendaraan}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
{{/if}}
{{/each}}
{{/if}}
</div>
</AppCard>
</div>
<div class="accordion" id="accordion-account-management-unit">
<AppCard @id="account-management-unit-div" @parentId="account-management-unit" @title="Unit Sales Order" @show={{false}}>
<p>Quotation No.</p>
<div class="accordion data-list" id="accordion-unit-sales-order">
{{#if model.accountUnitSalesOrder}}
{{#each model.accountUnitSalesOrder as |item index|}}
{{#if item.hoyuSalesOrderApproval}}
<div class="data-list-item">
<div class="hino-accordion-button data-list-accordion-button" id="data-unit-sales-order-{{index}}" data-toggle="collapse" data-target="#collapse-unit-sales-order-{{index}}" aria-expanded="true" aria-controls="collapse-unit-sales-order-{{index}}">
<div class="d-flex align-items-center justify-content-between w-100 clickable">
<h5>
<span class="ordernum">{{add index 1}}</span>{{item.hoyuSalesOrderApproval.quotationNumber}}
</h5>
<i class="bx bx-chevron-down"></i>
</div>
</div>
<div id="collapse-unit-sales-order-{{index}}" class="hino-accordion-content data-list-content collapse show" aria-labelledby="data-unit-sales-order-{{index}}" data-parent="#accordion-unit-sales-order" onclick= {{transition-to "hoyu-sales-order-approval.detail" item.hoyuSalesOrderApproval.id }} style="">
<div class="inner-wrapper">
<div class="row">
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span >Nama Produk</span>
<span class="data" style="color: #007bff">{{item.hoyuSalesOrderApproval.namaProduk}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Model</span>
<span class="data">{{item.hoyuSalesOrderApproval.model}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Variant</span>
<span class="data">{{item.hoyuSalesOrderApproval.varian}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Jumlah</span>
<span class="data">{{item.hoyuSalesOrderApproval.jumlah}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Status</span>
<span class="data">{{item.hoyuSalesOrderApproval.status}}</span>
</div>
</div>
<div class="col-12 col-md-6">
<div class="detail-row-view">
<span>Jenis Order</span>
<span class="data">{{item.hoyuSalesOrderApproval.jenisOrder}}</span>
</div>
</div>
</div>
</div>
</div>
</div>
{{/if}}
{{/each}}
{{/if}}
</div>
</AppCard>
</div>
{{!-- <AppDetailLink @title="Vehicle" onclick={{transition-to "account-management.account-team" model.id}} />
<AppDetailLink @title="Unit Sales Order" onclick={{transition-to "account-management.account-customer-uio" model.id}} /> --}}
</div>
</div>
</div>
</section>