<AppBarTop @leftRoute="team-resource.index" @title="Team Resource" @rightAction={{ action "saveTeamResource"  }} @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-div" id="accordion-team-resource">
				<AppCard @id="team-resource"  @showHeader={{ true }} @parentId="team-resource" @title="Team Resource">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Resource Name" @valuePath="resourceName" @isEditable={{ if formConfig.resourceName formConfig.resourceName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="First Name" @valuePath="firstName" @isEditable={{ if formConfig.firstName formConfig.firstName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Last Name" @valuePath="lastName" @isEditable={{ if formConfig.lastName formConfig.lastName.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="RegistryID" @valuePath="registryId" @isEditable={{ if formConfig.registryId formConfig.registryId.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="teamRole" @searchField="teamRole" @primaryValue="teamRole" @valuePath="teamRole" @label="Roles" @model={{ model.teamRole }} @modelAll={{ model }} @options={{ this.teamRoles }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.teamRole formConfig.teamRole.isEditable true }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Phone" @valuePath="phone" @isEditable={{ if formConfig.phone formConfig.phone.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Email" @valuePath="email" @isEditable={{ if formConfig.email formConfig.email.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputComboboxAutocomplete @name="teamOrganization" @searchField="teamOrganization" @primaryValue="teamOrganization" @valuePath="teamOrganization" @label="Organization" @model={{ model.teamOrganization }} @modelAll={{ model }} @options={{ this.teamOrganizations }} @didValidate={{ didValidate }} @isEditable={{ if formConfig.teamOrganization formConfig.teamOrganization.isEditable true }}/>
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Manager" @valuePath="manager" @isEditable={{ if formConfig.manager formConfig.manager.isEditable true }} />
						</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>