<AppBarTop @leftRoute="account-management.detail" @leftRouteArgs={{model.accountManagement.id}} @title="Add Customer UIO" @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">
			
			</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="card card-profile">
				
				
					<div class="card-body">
						<p>Customer UIO</p>


						<div class="accordion data-list" id="accordion-uio">
							{{#if model}}
								{{#if model.accountCustomerUio}}
									{{#each model.accountCustomerUio as |item index|}}
										 <div class="data-list-item">
                          <div class="hino-accordion-button data-list-accordion-button" id="data-heading-{{index}}" 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> {{if ( not-eq item.customerUioName '') item.customerUioName   "Auto"}}</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-{{index}}" data-parent="#accordion-uio" style="">
                            <div class="inner-wrapper">
                              <div class="row">
										<div class="col-12 col-md-6">
											<AppInputComboboxAutocomplete @name="categoryUio" @searchField="categoryUio" @primaryValue="categoryUio" @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 @minv="0" @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 @minv="0" @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 @minv="0" @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 @minv="0" @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 @minv="0" @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 @minv="0" @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 @minv="0" @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">
											<AppInputText  @type="hidden" @model={{ item }}  @valuePath="customerUioName" @isEditable={{ if formConfig.accountCustomerUio (if formConfig.accountCustomerUio.customerUioName formConfig.accountCustomerUio.customerUioName.isEditable true) true}} />
										</div>
										<div class="col-12 col-md-6">
											<AppInputText  @type="hidden" @model={{ item }}  @valuePath="uioId" @isEditable={{ if formConfig.uioId (if formConfig.uioId formConfig.uioId.isEditable true) true}} />
										</div>
                               
							   
                              
                              </div>
                            </div>
                          </div>
                        </div>
									{{/each}}
									
								{{/if}}
								
							{{/if}}
                       
                        
                      </div>

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