<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>

  <nav class="sheet-tabs tabs" data-group="primary">
    <a class="item {{tabs.details.cssClass}}" data-tab="details">{{localize "PRISMRPG.Label.details"}}</a>
    <a class="item {{tabs.description.cssClass}}" data-tab="description">{{localize "PRISMRPG.Label.description"}}</a>
    <a class="item {{tabs.effects.cssClass}}" data-tab="effects">{{localize "PRISMRPG.Label.effects"}}</a>
  </nav>

  {{! Details Tab }}
  <div class="tab {{tabs.details.cssClass}}" data-group="primary" data-tab="details">
    <fieldset>
      <legend>{{localize "PRISMRPG.Label.loot"}}</legend>
      {{formField systemFields.quantity value=system.quantity localize=true}}
      {{formField systemFields.encLoad value=system.encLoad localize=true}}
      {{formField systemFields.cost value=system.cost localize=true}}
    </fieldset>
  </div>

  {{! Description Tab }}
  <div class="tab {{tabs.description.cssClass}}" data-group="primary" data-tab="description">
    <fieldset>
      <legend>{{localize "PRISMRPG.Label.description"}}</legend>
      {{formInput systemFields.description enriched=enrichedDescription value=system.description name="system.description" toggled=true}}
    </fieldset>
    <fieldset>
      <legend>{{localize "PRISMRPG.Label.notes"}}</legend>
      {{formInput systemFields.notes enriched=enrichedNotes value=system.notes name="system.notes" toggled=true}}
    </fieldset>
  </div>

  {{! Effects Tab }}
  <div class="tab {{tabs.effects.cssClass}}" data-group="primary" data-tab="effects">
    {{> systems/fvtt-prism-rpg/templates/partial-item-effects.hbs}}
  </div>
</section>
