<section class="tab-panel {{tab.cssClass}}">
  <div class="resource-bar resource-bar-equipment">
    <div class="resource-box resource-box-single resource-box-compact resource-box-inline resource-box-inline-single">
      <label class="resource-label-accent">{{localize "MGNE.Character.CarryingCapacity"}}</label>
      <div class="numeric-pill">
        <input class="numeric-input numeric-input-readonly" type="number" name="system.carryCapacity" value="{{system.carryCapacity}}" readonly />
      </div>
    </div>
    <div class="resource-box resource-box-single resource-box-compact resource-box-inline resource-box-inline-single">
      <label class="resource-label-accent">{{localize "MGNE.Character.Rations"}}</label>
      <div class="numeric-pill">
        <input class="numeric-input" type="number" name="system.rations" value="{{source.system.rations}}" min="0" />
      </div>
    </div>
    <div class="resource-box resource-box-single resource-box-compact resource-box-inline resource-box-inline-single">
      <label class="resource-label-accent">{{localize "MGNE.Character.Kiffol"}}</label>
      <div class="numeric-pill numeric-pill-suffix">
        <input class="numeric-input" type="number" name="system.kiffol" value="{{source.system.kiffol}}" min="0" />
        <span class="numeric-suffix">₵</span>
      </div>
    </div>
  </div>

  <div class="inventory-section">
    <div class="inventory-header">
      <h3>{{localize "MGNE.Character.Weapons"}}</h3>
      <button type="button" data-action="createItem" data-item-type="weapon">{{localize "MGNE.Character.AddWeapon"}}</button>
    </div>
    {{#each weapons}}
      <div class="item-row" data-item-id="{{id}}">
        <div class="item-name">{{name}}</div>
        <div>{{system.damage}}</div>
        <div>{{lookup @root.config.weaponCategories system.category}}</div>
        <div class="item-actions">
          <button type="button" data-action="toggleEquipped">{{#if system.equipped}}{{localize "MGNE.Common.Unequip"}}{{else}}{{localize "MGNE.Common.Equip"}}{{/if}}</button>
          <button type="button" class="rollable" data-roll-type="weapon">{{localize "MGNE.Common.Attack"}}</button>
          <button type="button" class="rollable" data-roll-type="damage">{{localize "MGNE.Common.Damage"}}</button>
          <button type="button" class="rollable" data-roll-type="usage">{{localize "MGNE.Common.Usage"}}</button>
          <button type="button" data-action="editItem">{{localize "MGNE.Common.Edit"}}</button>
          <button type="button" data-action="deleteItem">{{localize "MGNE.Common.Delete"}}</button>
        </div>
      </div>
    {{else}}
      <p class="empty-state">{{localize "MGNE.Empty.NoWeapons"}}</p>
    {{/each}}
  </div>

  <div class="inventory-section">
    <div class="inventory-header">
      <h3>{{localize "MGNE.Character.Armor"}}</h3>
      <button type="button" data-action="createItem" data-item-type="armor">{{localize "MGNE.Character.AddArmor"}}</button>
      <button type="button" data-action="createItem" data-item-type="shield">{{localize "MGNE.Character.AddShield"}}</button>
    </div>
    {{#each armors}}
      <div class="item-row" data-item-id="{{id}}">
        <div class="item-name">{{name}}</div>
        <div>{{system.armorDie}}</div>
        <div>{{localize "MGNE.Common.Penalty"}} {{system.penalty}}</div>
        <div class="item-actions">
          <button type="button" data-action="toggleEquipped">{{#if system.equipped}}{{localize "MGNE.Common.Unequip"}}{{else}}{{localize "MGNE.Common.Equip"}}{{/if}}</button>
          <button type="button" data-action="editItem">{{localize "MGNE.Common.Edit"}}</button>
          <button type="button" data-action="deleteItem">{{localize "MGNE.Common.Delete"}}</button>
        </div>
      </div>
    {{/each}}
    {{#each shields}}
      <div class="item-row" data-item-id="{{id}}">
        <div class="item-name">{{name}}</div>
        <div>{{system.armorDie}}</div>
        <div>{{localize "MGNE.ItemTypes.shield"}}</div>
        <div class="item-actions">
          <button type="button" data-action="toggleEquipped">{{#if system.equipped}}{{localize "MGNE.Common.Unequip"}}{{else}}{{localize "MGNE.Common.Equip"}}{{/if}}</button>
          <button type="button" data-action="editItem">{{localize "MGNE.Common.Edit"}}</button>
          <button type="button" data-action="deleteItem">{{localize "MGNE.Common.Delete"}}</button>
        </div>
      </div>
    {{/each}}
  </div>

  <div class="inventory-section">
    <div class="inventory-header">
      <h3>{{localize "MGNE.ItemTypes.equipment"}}</h3>
      <button type="button" data-action="createItem" data-item-type="equipment">{{localize "MGNE.Character.AddEquipment"}}</button>
    </div>
    {{#each equipmentItems}}
      <div class="item-row" data-item-id="{{id}}">
        <div class="item-name">{{name}}</div>
        <div>{{localize "MGNE.Common.QuantityShort"}} {{system.quantity}}</div>
        <div>{{system.usageDie}}</div>
        <div class="item-actions">
          <button type="button" class="rollable" data-roll-type="usage">{{localize "MGNE.Common.Usage"}}</button>
          <button type="button" data-action="editItem">{{localize "MGNE.Common.Edit"}}</button>
          <button type="button" data-action="deleteItem">{{localize "MGNE.Common.Delete"}}</button>
        </div>
      </div>
    {{else}}
      <p class="empty-state">{{localize "MGNE.Empty.NoEquipment"}}</p>
    {{/each}}
  </div>

  <div class="inventory-section">
    <div class="inventory-header">
      <h3>{{localize "MGNE.Character.ResonanceCores"}}</h3>
      <button type="button" data-action="createItem" data-item-type="resonance-core">{{localize "MGNE.Character.AddCore"}}</button>
    </div>
    {{#each cores}}
      <div class="item-row" data-item-id="{{id}}">
        <div class="item-name">{{name}}</div>
        <div>{{lookup @root.config.resonanceList system.resonationId}}</div>
        <div>{{system.usageDie}}</div>
        <div class="item-actions">
          <button type="button" class="rollable" data-roll-type="resonation">{{localize "MGNE.Common.Invoke"}}</button>
          <button type="button" class="rollable" data-roll-type="usage">{{localize "MGNE.Common.Usage"}}</button>
          <button type="button" data-action="editItem">{{localize "MGNE.Common.Edit"}}</button>
          <button type="button" data-action="deleteItem">{{localize "MGNE.Common.Delete"}}</button>
        </div>
      </div>
    {{else}}
      <p class="empty-state">{{localize "MGNE.Empty.NoResonanceCores"}}</p>
    {{/each}}
  </div>

  <div class="inventory-section">
    <div class="inventory-header">
      <h3>{{localize "MGNE.Character.Artifacts"}}</h3>
      <button type="button" data-action="createItem" data-item-type="artifact">{{localize "MGNE.Character.AddArtifact"}}</button>
    </div>
    {{#each artifacts}}
      <div class="item-row" data-item-id="{{id}}">
        <div class="item-name">{{name}}</div>
        <div>{{#if system.synchronized}}{{localize "MGNE.Common.Synchronized"}}{{else}}{{localize "MGNE.Common.Unsynchronized"}}{{/if}}</div>
        <div>{{system.usageDie}}</div>
        <div class="item-actions">
          <button type="button" data-action="syncArtifact">{{#if system.synchronized}}{{localize "MGNE.Common.Desync"}}{{else}}{{localize "MGNE.Common.Sync"}}{{/if}}</button>
          <button type="button" class="rollable" data-roll-type="usage">{{localize "MGNE.Common.Usage"}}</button>
          <button type="button" data-action="editItem">{{localize "MGNE.Common.Edit"}}</button>
          <button type="button" data-action="deleteItem">{{localize "MGNE.Common.Delete"}}</button>
        </div>
      </div>
    {{else}}
      <p class="empty-state">{{localize "MGNE.Empty.NoArtifacts"}}</p>
    {{/each}}
  </div>
</section>
