<AppFormPage
  name="{{item.codeName}}"
  :layoutOpts="{{> @macro/front-end/common/layoutPos.hbs layout=item.psLayout layoutPos=item.psLayoutPos}}"
  :visible="state.detailsModel.{{item.codeName}}.visible"
{{#if item.psSysCss}}
  class="{{item.psSysCss.cssName}}"
{{/if}} 
  key="{{item.codeName}}"
  tab="{{#if item.caption}}{{item.caption}}{{/if}}"  
>
  <template #tab>
    <AppIconText {{#if item.labelPSSysCss}}class="{{item.labelPSSysCss.cssName}}" {{/if}}{{#if item.psSysImage}}{{#if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}" {{/if}}{{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}" {{/if}}{{/if}}text="{{item.caption}}"/>
  </template>
  {{#each item.psDEFormDetails as | formDetail |}}
  {{> @macro/front-end/widgets/form-detail/include-form.hbs type=formDetail.detailType item=formDetail}}
  {{/each}}
</AppFormPage>
