<section>
  <div class="header">
    <img class="item-img" src="{{item.img}}" data-edit="img" data-action="editImage" data-tooltip="{{item.name}}" />
    {{formInput fields.name value=source.name}}
  </div>

  <fieldset>
      {{formField systemFields.orientation value=system.orientation localize=true }}
  </fieldset>

  <fieldset>
    <div class="flexrow scrollable-content">
      <div class="flexcol">
        <legend>{{localize "HELLBORN.Label.quote"}}</legend>
        {{formInput systemFields.quote value=system.quote toggled=true}}
        <legend>{{localize "HELLBORN.Label.bonus"}}</legend>
        {{formInput systemFields.bonus value=system.bonus toggled=true}}
        <legend>{{localize "HELLBORN.Label.penalty"}}</legend>
        {{formInput systemFields.penalty value=system.penalty toggled=true}}
        <legend>{{localize "HELLBORN.Label.description"}}</legend>
        {{formInput systemFields.description enriched=enrichedDescription value=system.description name="system.description"
        toggled=true}}
        <legend>{{localize "HELLBORN.Label.positiveEffect"}}</legend>
        {{formInput systemFields.positiveEffect enriched=enrichedPositiveEffect value=system.positiveEffect name="system.positiveEffect"
        toggled=true}}
        <legend>{{localize "HELLBORN.Label.negativeEffect"}}</legend>
        {{formInput systemFields.negativeEffect enriched=enrichedNegativeEffect value=system.negativeEffect name="system.negativeEffect"
        toggled=true}}
      </div>
      <div>
        <img src="{{system.image}}" class="item-img" data-edit="image" data-action="editImage" data-tooltip="{{localize "HELLBORN.Label.imageTooltip"}}"/>
        {{formField systemFields.image value=system.image localize=true }}
      </div>
    </div>
  </fieldset>

</section>