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

    {{#if members.length}}
      <div class="party-member-list">
        <div class="party-member-row party-member-header">
          <span></span>
          <span>{{localize "MGNE.Common.Name"}}</span>
          <span>{{localize "MGNE.Common.HP"}}</span>
          <span>{{localize "MGNE.Common.Type"}}</span>
          <span></span>
        </div>
        {{#each members as |member|}}
          <div class="party-member-row" data-actor-id="{{member.id}}">
            <img src="{{member.img}}" class="party-member-portrait" />
            <span class="party-member-name">
              <a data-action="openMember" data-actor-id="{{member.id}}">{{member.name}}</a>
            </span>
            <span class="party-member-hp">{{member.hp}}</span>
            <span class="party-member-type">{{member.typeLabel}}</span>
            <div class="item-actions">
              {{#unless member.isFirst}}
                <a data-action="moveMemberUp" data-ref-idx="{{member.refIdx}}" data-tooltip="{{localize 'MGNE.Party.MoveUp'}}">
                  <i class="fa-solid fa-chevron-up"></i>
                </a>
              {{/unless}}
              {{#unless member.isLast}}
                <a data-action="moveMemberDown" data-ref-idx="{{member.refIdx}}" data-tooltip="{{localize 'MGNE.Party.MoveDown'}}">
                  <i class="fa-solid fa-chevron-down"></i>
                </a>
              {{/unless}}
              <a data-action="removeMember" data-actor-id="{{member.id}}" data-tooltip="{{localize 'MGNE.Party.RemoveMember'}}">
                <i class="fa-solid fa-times"></i>
              </a>
            </div>
          </div>
        {{/each}}
      </div>
    {{else}}
      <p class="empty-section-hint">{{localize "MGNE.Empty.NoMembers"}}</p>
    {{/if}}
  </div>

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