<section data-tab="members" data-group="{{tab.group}}" class="tab {{tab.cssClass}}">

  <fieldset>
    <legend>{{localize "OATHHAMMER.Label.MarchingOrder"}}</legend>

    {{#if members.length}}
    <ul class="item-list item-list--party-member">
      <li class="item-list-header">
        <span class="col-order">#</span>
        <span></span>
        <span class="col-name">{{localize "OATHHAMMER.Label.Name"}}</span>
        <span>{{localize "OATHHAMMER.Label.Lineage"}}</span>
        <span>{{localize "OATHHAMMER.Label.Grit"}}</span>
        <span data-tooltip="{{localize 'OATHHAMMER.Label.CarriesLight'}}"><i class="fa-solid fa-fire"></i></span>
        <span></span>
      </li>
      {{#each members as |member|}}
      <li class="item-entry" data-actor-id="{{member.id}}">
        <span class="party-member-order">{{member.position}}</span>
        <img src="{{member.img}}" class="item-img" />
        <span class="item-name">
          <a data-action="openMember" data-actor-id="{{member.id}}">{{member.name}}</a>
        </span>
        <span class="item-detail item-detail--small">{{member.lineage}}</span>
        <span class="item-detail">{{member.grit}}</span>
        <span class="item-detail item-detail--center">
          <a data-action="toggleCarriesLight" data-idx="{{member.idx}}">
            <i class="fa-solid fa-fire{{#unless member.carriesLight}} fa-faded{{/unless}}"></i>
          </a>
        </span>
        <div class="item-actions">
          {{#unless member.isFirst}}
          <a data-action="moveMemberUp" data-idx="{{member.idx}}" data-tooltip="{{localize 'OATHHAMMER.Tooltip.MoveUp'}}"><i class="fa-solid fa-chevron-up"></i></a>
          {{/unless}}
          {{#unless member.isLast}}
          <a data-action="moveMemberDown" data-idx="{{member.idx}}" data-tooltip="{{localize 'OATHHAMMER.Tooltip.MoveDown'}}"><i class="fa-solid fa-chevron-down"></i></a>
          {{/unless}}
          <a data-action="removeMember" data-actor-id="{{member.id}}" data-tooltip="{{localize 'OATHHAMMER.Tooltip.RemoveMember'}}"><i class="fa-solid fa-times"></i></a>
        </div>
      </li>
      {{/each}}
    </ul>
    {{else}}
    <p class="no-items">{{localize "OATHHAMMER.Label.NoMembers"}}</p>
    {{/if}}
  </fieldset>

  <p class="settlement-hint">{{localize "OATHHAMMER.Label.DropMemberHint"}}</p>

</section>
