<form class="{{cssClass}} flexcol character-summary-container" autocomplete="off">

  <ol class="items-list">

    <li class="item flexrow item-header">
      <div class="item-field item-name item-name-fixed-medium">{{localize "BOL.ui.pcname"}}</div>
      {{#each config.attackAttributes as |attr key|}}
      <div class="item-field flex2  item-field-fixed-short">{{abbrev3 (localize attr)}}</div>
      {{/each}}
      {{#each config.aptitudes as |apt key|}}
      <div class="item-field flex2 item-field-fixed-short">{{abbrev3 (localize apt)}}</div>
      {{/each}}
      {{#each config.resources as |res key|}}
      <div class="item-field flex2 item-field-fixed-short">{{abbrev3 (localize res)}}</div>
      {{/each}}
      <div class="item-field flex1 right">
      </div>
    </li>

    {{#each pcs as |pc key|}}
    <li class="item flexrow" data-actor-id="{{pc.id}}">
        <div class="item-field item-name item-name-fixed-medium">
          <a class="actor-open character-summary-rollable">{{pc.name}}</a>
        </div>
        {{#each pc.system.attributes as |attr key|}}
        <div class="item-field flex2 item-field-fixed-short">
          <a class="summary-roll character-summary-rollable" data-type="attribute" data-key="{{key}}">{{attr.value}}</a>
        </div>
        {{/each}}
        {{#each pc.system.aptitudes as |apt key|}}
        <div class="item-field flex item-field-fixed-short">
          <a class="summary-roll character-summary-rollable" data-type="aptitude" data-key="{{key}}">{{apt.value}}</a>
        </div>
        {{/each}}
        {{#each pc.system.resources as |res key|}}
        <div class="item-field flex2 item-field-fixed-short">{{res.value}}/{{res.max}}</div>
        {{/each}}
        <div class="item-field flex1 right">
        </div>
      </li>
    {{/each}}

    <li class="item flexrow item-header">
      <div class="item-field item-name item-name-fixed-medium">{{localize "BOL.ui.npcname"}}</div>
      {{#each config.attackAttributes as |attr key|}}
      <div class="item-field flex2  item-field-fixed-short">{{abbrev3 (localize attr)}}</div>
      {{/each}}
      {{#each config.aptitudes as |apt key|}}
      <div class="item-field flex2 item-field-fixed-short">{{abbrev3 (localize apt)}}</div>
      {{/each}}
      {{#each config.resources as |res key|}}
      <div class="item-field flex2 item-field-fixed-short">{{abbrev3 (localize res)}}</div>
      {{/each}}
      <div class="item-field flex1 right">
      </div>
  </li>

    {{#each npcs as |pc key|}}
    <li class="item flexrow" data-actor-id="{{pc.id}}">
        <div class="item-field item-name item-name-fixed-medium">
          <a class="actor-open character-summary-rollable">{{pc.name}}</a>
        </div>
        {{#each pc.system.attributes as |attr key|}}
        <div class="item-field flex2 item-field-fixed-short">
          <a class="summary-roll character-summary-rollable" data-type="attribute" data-key="{{key}}">{{attr.value}}</a>
        </div>
        {{/each}}
        {{#each pc.system.aptitudes as |apt key|}}
        <div class="item-field flex item-field-fixed-short">
          <a class="summary-roll character-summary-rollable" data-type="aptitude" data-key="{{key}}">{{apt.value}}</a>
        </div>
        {{/each}}
        {{#each pc.system.resources as |res key|}}
        <div class="item-field flex2 item-field-fixed-short">{{res.value}}/{{res.max}}</div>
        {{/each}}
        <div class="item-field flex1 right">
          <a class="item-control actor-delete" title="{{localize "BOL.ui.delete"}}"><i class="fas fa-trash"></i></a>
        </div>
    
    </li>
    {{/each}}

  </ol>

</form>