<section class="tab-panel {{tab.cssClass}}">
  <div class="inventory-section">
    <div class="inventory-header">
      <h3>{{localize "MGNE.Party.Loot"}}</h3>
    </div>

    {{#if lootItems.length}}
      <div class="party-loot-list">
        <div class="party-loot-row party-loot-header">
          <span></span>
          <span>{{localize "MGNE.Common.Name"}}</span>
          <span>{{localize "MGNE.Common.Type"}}</span>
          <span></span>
        </div>
        {{#each lootItems as |item|}}
          <div class="party-loot-row" data-item-id="{{item.id}}">
            <img src="{{item.img}}" class="item-portrait" />
            <span class="item-name">{{item.name}}</span>
            <span class="item-type-label">{{item.typeLabel}}</span>
            <div class="item-actions">
              <a data-action="editItem" data-item-id="{{item.id}}" data-tooltip="{{localize 'MGNE.Common.Edit'}}">
                <i class="fa-solid fa-pen"></i>
              </a>
              <a data-action="deleteItem" data-item-id="{{item.id}}" data-tooltip="{{localize 'MGNE.Common.Delete'}}">
                <i class="fa-solid fa-trash"></i>
              </a>
            </div>
          </div>
        {{/each}}
      </div>
    {{else}}
      <p class="empty-section-hint">{{localize "MGNE.Empty.NoLoot"}}</p>
    {{/if}}
  </div>

  <p class="party-drop-hint">{{localize "MGNE.Party.DropLootHint"}}</p>
</section>
