{{#if this.edit}}
	<AppBarTop @leftRoute="account-management.detail" @setNullError="setNullError" @leftRouteArgs={{this.accountManagement.model.id}} @title="Contact Resource" @rightAction={{ action "saveContactResource"  }} @rightActionInProgress={{ rightActionInProgress }} @rightIcon="bxs-message-square-check" />
	{{else}}
	<AppBarTop @leftRoute="contact-resource.index" @setNullError="setNullError" @title="Contact Resource" @rightAction={{ action "saveContactResource"  }} @rightActionInProgress={{ rightActionInProgress }} @rightIcon="bxs-message-square-check" />
{{/if}}

{{!-- <AppBarTop @leftRoute="contact-resource.index" @title="Contact Resource" @rightAction={{ action "saveContactResource"  }} @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 this.errorMessages}}
				<div class="alert on alert-danger alert-dismissible fade show" role="alert">
					<ul class="mb-0 ml-2">
					{{#each this.errorMessages as |item| }}
						{{#if item}}
							{{#each item as |val|}}
								<li>{{ val }}</li>
							{{/each}}
								
						{{/if}}
					
						
					{{/each}}
					</ul>
				</div>
			{{/if}}
			<div class="card">
				<div class="card-body">
					<div class="row">
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Depan" @valuePath="namaDepan" @isEditable={{ if formConfig.namaDepan formConfig.namaDepan.isEditable true }} @didValidate={{ didValidate }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Nama Tengah" @valuePath="nama" @isEditable={{ if formConfig.nama formConfig.nama.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							
							{{!-- <AppInputText @model={{ model }} @label="Nama Belakang" @valuePath="namaBelakang" @isEditable={{ if (eq model.isAllowedNamaBelakang "true" ) true }} /> --}}
							<AppInputText @model={{ model }} @label="Nama Belakang" @valuePath="namaBelakang" @isEditable={{ if formConfig.namaBelakang formConfig.namaBelakang.isEditable true }} />
						</div>

						{{#if this.edit}}
						
						<div class="col-12 col-md-6">
							{{#if (eq model.isAllowedGender "true")}}
							<AppInputCombobox @name="gender" @valuePath="gender" @label="Gender" @primaryValue="gender" @model={{ model.gender }} @modelAll={{ model }} @options={{ this.genders }} @didValidate={{ didValidate }} @isEditable={{ true }} />
							{{else}}
							<div class="detail-row-view">
							<span>Gender</span>
							<span class="data">
								{{model.gender.gender}}
							</span>
							</div>
							{{/if}}
							
						</div>
						<div class="col-12 col-md-6">
							
							<AppInputDate @model={{ model }} @valuePath="tanggalLahir" @step={{ 1 }} @name="tanggal-lahir" @label="Tanggal Lahir" @isEditable={{ if (eq model.isAllowedTanggalLahir "true") true }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							{{#if this.edit}}
								<AppInputText @model={{ model }} @label="Hobi" @valuePath="hobi" @isEditable={{ if (eq model.isAllowedHoby "true") true }} />
								{{else}}
								 <AppInputText @model={{ model }} @label="Hobi" @valuePath="hobi" @isEditable={{ if formConfig.hobi formConfig.hobi.isEditable true }} />
							{{/if}}
							
							
							{{!-- <AppInputText @model={{ model }} @label="Hobi" @valuePath="hobi" @isEditable={{ if formConfig.hobi formConfig.hobi.isEditable true }} /> --}}
						</div>
						<div class="col-12 col-md-6">
							{{#if (eq model.isAllowedReligion "true")}}
							<AppInputCombobox @name="religion" @valuePath="religion" @label="Agama" @primaryValue="religion" @model={{ model.religion }} @modelAll={{ model }} @options={{ this.religions }} @didValidate={{ didValidate }} @isEditable={{true }} />
								{{else}}
								<div class="detail-row-view">
									<span class="label-input">Agama</span>
									<span class="data">
										{{model.religion.religion}}
									</span>
								</div>
							{{/if}}
							
						</div>

						{{/if}}
						
						<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="favorite-{{index}}" onclick={{action (mut model.favorite) value="target.checked"}} checked={{ eq model.favorite "1" }}>
								<label class="form-check-label align-items-center d-flex align-items-center{{if model.favorite " checked" ""}}" for="favorite-{{index}}">
									<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Favorite</span></label>
							</div>
						</div>
						<div class="col-12 col-md-6">
							<div class="detail-row-view">
							<span>Account</span>
							<span class="data">
								{{this.session.data.managementNama}}
							</span>
							</div>
							<AppInputText @type="hidden"  @model={{ model }}  @valuePath="account" @isEditable={{ if formConfig.account formConfig.account.isEditable true }} />
						</div>
						
						{{#if this.edit}}
								<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Mobile Phone" @valuePath="mobilePhone" @isEditable= {{ if (eq model.isAllowedMobilePhone "true") true }} />
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Valid Email Address" @valuePath="validEmailAddress" @isEditable={{ if (eq model.isAllowedValidEmailAddress "true") true }} />
						</div>
						
						<div class="col-12 col-md-6">
							{{#if (or (eq model.isAllowedTittle "true") (not this.edit)) }}
								<AppInputComboboxAutocomplete @name="tittle" @searchField="tittleCode" @primaryValue="tittle" @valuePath="tittle" @label="jobTitle" @model={{ model.tittle }} @modelAll={{ model }} @options={{ this.tittles }} @didValidate={{ didValidate }} @isEditable={{ true }}/>
							{{else}}
							<div class="detail-row-view">
							<span>Job Tittle</span>
							<span class="data">
								{{model.tittle.tittle}}
							</span>
							</div>
							
							{{/if}}
							
							
							{{!-- <AppInputText @model={{ model }} @label="Job Title" @valuePath="jobTitle" @isEditable={{ if formConfig.jobTitle formConfig.jobTitle.isEditable true }} /> --}}
						</div>
						{{else}}
							<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Mobile Phone" @valuePath="mobilePhone" @isEditable= {{true }} />
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Valid Email Address" @valuePath="validEmailAddress" @isEditable={{  true }} />
						</div>

							<div class="col-12 col-md-6">
								<AppInputComboboxAutocomplete @name="tittle" @searchField="tittleCode" @primaryValue="tittle" @valuePath="tittle" @label="jobTitle" @model={{ model.tittle }} @modelAll={{ model }} @options={{ this.tittles }} @didValidate={{ didValidate }} @isEditable={{ true }}/>
							</div>
						{{/if}}
					
						<div class="col-12 col-md-6">
							<AppInputText @type="hidden" @model={{ model }} @label="" @valuePath="owner" @isEditable={{ if formConfig.owner formConfig.owner.isEditable true }} />
						</div>
						
						
					</div>
				</div>
			</div>

			<div class="card">
				<div class="card-body">
					<div class="row">
					<div class="col-12 col-md-6">
							<AppInputCombobox @name="addressType" @valuePath="addressType" @label="Address Type" @primaryValue="addressType" @model={{ model.addressType }} @modelAll={{ model }} @options={{ this.addressTypes }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.addressType formConfig.addressType.isEditable true }} />
						</div>
						
						
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="alamat1" @label="Alamat1" @isEditable={{ if formConfig.alamat1 formConfig.alamat1.isEditable true }} @didValidate={{ didValidate }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="alamat2" @label="Alamat2" @isEditable={{ if formConfig.alamat2 formConfig.alamat2.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputTextarea @model={{ model }} @valuePath="alamat3" @label="Alamat3" @isEditable={{ if formConfig.alamat3 formConfig.alamat3.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete  @onChangeCombo={{action "onChangeCombo"}} @name="country" @searchField="countryName" @primaryValue="countryName" @valuePath="country" @label="Country" @model={{ model.country }} @modelAll={{ model }} @options={{ this.countries }} @didValidate={{ if this.edit true false }} @isEditable={{ if formConfig.country formConfig.country.isEditable true }}/>
						</div>

						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete  @onChangeCombo={{action "onChangeCombo"}} @name="province" @searchField="province" @primaryValue="province" @valuePath="province" @label="Provinsi" @model={{ model.province }} @modelAll={{ model }} @options={{ this.provinces }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.province formConfig.province.isEditable true }}/>
						</div>
							<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete  @onChangeCombo={{action "onChangeCombo"}} @name="municipality" @searchField="municipality" @primaryValue="municipality" @valuePath="municipality" @label="Kabupaten/Kota" @model={{ model.municipality }} @modelAll={{ model }} @options={{ this.municipalities }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.municipality formConfig.municipality.isEditable true }}/>
						</div>
						
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @onChangeCombo={{action "onChangeCombo"}}  @name="subDistrict" @searchField="subDistrict" @primaryValue="subDistrict" @valuePath="subDistrict" @label="Kecamatan" @model={{ model.subDistrict }} @modelAll={{ model }} @options={{ this.subDistricts }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.subDistrict formConfig.subDistrict.isEditable true }}/>
						</div>


						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="village" @searchField="village" @primaryValue="village" @valuePath="village" @label="Kelurahan" @model={{ model.village }} @modelAll={{ model }} @options={{ this.villages }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.village formConfig.village.isEditable true }}/>
						</div>


					
						
						
						
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="ZIP Code" @valuePath="kodePos" @isEditable={{ if formConfig.kodePos formConfig.kodePos.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Government ID Value" @valuePath="governmentIdValue" @isEditable={{ if formConfig.governmentIdValue formConfig.governmentIdValue.isEditable true }} @didValidate={{ didValidate }}/>
						</div>
						</div>
				</div>

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