<AppBarTop @leftRoute="user-management.index" @title="User Management" @rightAction={{ action "saveUserManagement" }} @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-user-management">
				<AppCard @id="user-management"  @showHeader={{ false }} @parentId="user-management" @title="User Management">
					<div class="row">
						<div class="col-12 col-md-6">
							<div class="row">
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Employee No" @valuePath="employeeNo" @isEditable={{ if formConfig.employeeNo formConfig.employeeNo.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Employee Name" @valuePath="employeeName" @isEditable={{ if formConfig.employeeName formConfig.employeeName.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Nick Name" @valuePath="nickname" @isEditable={{ if formConfig.nickname formConfig.nickname.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Job Title" @valuePath="jobTitle" @isEditable={{ if formConfig.jobTitle formConfig.jobTitle.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Job Position" @valuePath="jobPosition" @isEditable={{ if formConfig.jobPosition formConfig.jobPosition.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Division / Department" @valuePath="divisionDepartment" @isEditable={{ if formConfig.divisionDepartment formConfig.divisionDepartment.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Office Phone" @valuePath="officePhone" @isEditable={{ if formConfig.officePhone formConfig.officePhone.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Province" @valuePath="province" @isEditable={{ if formConfig.province formConfig.province.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="City" @valuePath="city" @isEditable={{ if formConfig.city formConfig.city.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Zip Code" @valuePath="zipCode" @isEditable={{ if formConfig.zipCode formConfig.zipCode.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Home Phone" @valuePath="homePhone" @isEditable={{ if formConfig.homePhone formConfig.homePhone.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Mobile Phone" @valuePath="mobilePhone" @isEditable={{ if formConfig.mobilePhone formConfig.mobilePhone.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Email Address" @valuePath="emailAddress" @isEditable={{ if formConfig.emailAddress formConfig.emailAddress.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputDate @model={{ model.startDate }} @name="start-date" @label="Start Date" @isEditable={{ if formConfig.startDate formConfig.startDate.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Gender" @valuePath="gender" @isEditable={{ if formConfig.gender formConfig.gender.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputDate @model={{ model.dateOfBirth }} @name="date-of-birth" @label="Date Of Birth" @isEditable={{ if formConfig.dateOfBirth formConfig.dateOfBirth.isEditable true }} />
								</div>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<div class="row">
								<div class="col-12">
									<AppInputText @model={{ model }} @label="City Of Birth" @valuePath="cityOfBirth" @isEditable={{ if formConfig.cityOfBirth formConfig.cityOfBirth.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Marital Status" @valuePath="maritalStatus" @isEditable={{ if formConfig.maritalStatus formConfig.maritalStatus.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @type="number" @model={{ model }} @label="No Of Children" @valuePath="noOfChildren" @isEditable={{ if formConfig.noOfChildren formConfig.noOfChildren.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Id Type" @valuePath="idType" @isEditable={{ if formConfig.idType formConfig.idType.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Id No" @valuePath="idNo" @isEditable={{ if formConfig.idNo formConfig.idNo.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Citizenship" @valuePath="citizenship" @isEditable={{ if formConfig.citizenship formConfig.citizenship.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Company Name" @valuePath="companyName" @isEditable={{ if formConfig.companyName formConfig.companyName.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @model={{ model }} @label="Login Type" @valuePath="loginType" @isEditable={{ if formConfig.loginType formConfig.loginType.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputComboboxAutocomplete @name="coreUserGroup" @valuePath="coreUserGroup" @label="User Group"  @searchField="name"  @primaryValue="name" @model={{ model.coreUserGroup }} @modelAll={{ model }} @options={{ this.coreUserGroups }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.coreUserGroup formConfig.coreUserGroup.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputComboboxAutocomplete @name="roleManagement" @valuePath="roleManagement" @label="Role"  @searchField="roleName" @primaryValue="roleName" @model={{ model.roleManagement }} @modelAll={{ model }} @options={{ this.roleManagements }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.roleManagement formConfig.roleManagement.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputComboboxAutocomplete @name="approvalInputConfiguration" @valuePath="approvalInputConfiguration" @searchField="approvalName" @label="Approval Input Configuration" @primaryValue="approvalName" @model={{ model.approvalInputConfiguration }} @modelAll={{ model }} @options={{ this.approvalInputConfigurations }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.approvalInputConfiguration formConfig.approvalInputConfiguration.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputComboboxAutocomplete @onChangeCombo={{action "onChangeCombo"}} @name="dealer" @searchField="dealerName" @primaryValue="dealerName" @valuePath="dealer" @label="Company" @model={{ model.dealer }} @modelAll={{ model }} @options={{ this.dealers }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.dealer (if formConfig.dealer formConfig.dealer.isEditable true) true}}/>
								</div>
								<div class="col-12">
									<div class="form-check form-check-inline form-checkbox form-group">
										<input type="checkbox" class="form-check-input d-none" value="1" id="is-active-{{index}}" onclick={{action (mut model.isActive) value="target.checked"}} checked={{ eq model.isActive "1" }}>
										<label class="form-check-label align-items-center d-flex align-items-center{{if model.isActive " checked" ""}}" for="is-active-{{index}}">
											<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;IsActive</span></label>
									</div>
								</div>
								<div class="col-12">
									<AppInputText @type="password" @model={{ model }} @label="Old Password" @valuePath="oldPassword" @isEditable={{ if formConfig.oldPassword formConfig.oldPassword.isEditable true }}  @didValidate={{ didValidate }} />
								</div>
								<div class="col-12">
									<AppInputText @type="password" @model={{ model }} @label="Password" @valuePath="password" @isEditable={{ if formConfig.password formConfig.password.isEditable true }} />
								</div>
								<div class="col-12">
									<AppInputText @type="password" @model={{ model }} @label="Verify Password" @valuePath="verifyPassword" @isEditable={{ if formConfig.verifyPassword formConfig.verifyPassword.isEditable true }} />
								</div>
							</div>
						</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>
