<AppFormGroup 
  name="{{item.codeName}}"
  {{#if item.captionItemName}}
  :title="state.data.{{lowerCase item.captionItemName}}"
  {{else}}
  title="{{item.caption}}"
  {{/if}}
  :visible="state.detailsModel.{{item.codeName}}.visible" 
  :layoutOpts="{{> @macro/front-end/common/layoutPos.hbs layout=item.psLayout layoutPos=item.psLayoutPos}}"
{{#if item.psSysCss}}
  class="{{item.psSysCss.cssName}}"
{{/if}}
{{#if item.labelPSSysCss}}
  titleClass="{{item.labelPSSysCss.cssName}}"
{{/if}}
{{#if (or item.width item.height)}}
  style="{{#if item.width}}width: {{item.width}}px;{{/if}}{{#if item.height}}height: {{item.height}}px;{{/if}}"
{{/if}}
{{#if item.psSysImage}}
  {{#if item.psSysImage.imagePath}}imgPath="{{item.psSysImage.imagePath}}"{{else if item.psSysImage.cssClass}}iconClass="{{item.psSysImage.cssClass}}"{{/if}}
{{/if}}
  :infoGroupMode="{{item.infoGroupMode}}"
  :titleBarCloseMode="{{item.titleBarCloseMode}}"
  :showCaption="{{item.showCaption}}"
  :uIActionGroup="state.detailsModel.{{item.codeName}}.uIActionGroup"
  @componentEvent="onComponentEvent">
    {{#each item.psDEFormDetails as | formDetail |}}
    {{> @macro/front-end/widgets/form-detail/include-form.hbs type=formDetail.detailType item=formDetail}}
    {{/each}}
</AppFormGroup>
