<AppBarTop @leftRoute="function-info.index" @title="Function Info" @rightAction={{ action "saveFunctionInfo"  }} @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-function-info">
				<AppCard @id="function-info"  @showHeader={{ true }} @parentId="function-info" @title="Function Info">
					<div class="row">
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Name" @valuePath="name" @isEditable={{ if formConfig.name formConfig.name.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @type="number" @model={{ model }} @label="Sequence" @valuePath="sequence" @isEditable={{ if formConfig.sequence formConfig.sequence.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="URL" @valuePath="url" @isEditable={{ if formConfig.url formConfig.url.isEditable true }} />
						</div>
						<div class="col-12 col-md-6">
							<AppInputText @model={{ model }} @label="Module Id" @valuePath="moduleId" @isEditable={{ if formConfig.moduleId formConfig.moduleId.isEditable true }} />
						</div>
						<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="is-show-{{index}}" onclick={{action (mut model.isShow) value="target.checked"}} checked={{ eq model.isShow "1" }}>
								<label class="form-check-label align-items-center d-flex align-items-center{{if model.isShow " checked" ""}}" for="is-show-{{index}}">
									<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Is Show</span></label>
							</div>
						</div>
						<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="is-enabled-{{index}}" onclick={{action (mut model.isEnabled) value="target.checked"}} checked={{ eq model.isEnabled "1" }}>
								<label class="form-check-label align-items-center d-flex align-items-center{{if model.isEnabled " checked" ""}}" for="is-enabled-{{index}}">
									<i class="bx bxs-check-circle"></i><span>&nbsp;&nbsp;Is Enabled</span></label>
							</div>
						</div>
					</div>
				</AppCard>
			</div>
		</div>
	</div>
</section>