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

  {{! Navigation des onglets }}
  <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>

  {{! Onglet Details }}
  <div
    class="tab {{tabs.details.cssClass}}"
    data-group="primary"
    data-tab="details"
  >
    {{! Armor Type (Light/Medium/Heavy) }}
    {{formField
      systemFields.armorType
      value=system.armorType
      localize=true
      label="PRISMRPG.Label.armorType"
    }}

    {{! Maximum Reduction Rating (MRR) }}
    {{formField
      systemFields.mrr
      value=system.mrr
      localize=true
      label="PRISMRPG.Label.mrr"
    }}

    {{! Quantity }}
    {{formField
      systemFields.quantity
      value=system.quantity
      localize=true
      label="PRISMRPG.Label.quantity"
    }}

    {{! Encumbrance Load }}
    {{formField
      systemFields.encLoad
      value=system.encLoad
      localize=true
      label="PRISMRPG.Label.encumbranceLoad"
    }}

    {{! Equipment Status }}
    {{formField
      systemFields.isHelmet
      value=system.isHelmet
      localize=true
      label="PRISMRPG.Label.isHelmet"
    }}
    {{formField
      systemFields.equipped
      value=system.equipped
      localize=true
      label="PRISMRPG.Label.equipped"
    }}

    {{! Cost }}
    {{formField
      systemFields.cost
      value=system.cost
      localize=true
      label="PRISMRPG.Label.cost"
    }}
    {{formField
      systemFields.money
      value=system.money
      localize=true
      label="PRISMRPG.Label.currency"
    }}
  </div>

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

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

</section>