<div class="armor-grid-container">
    <!-- LOCALIZE THE LAST STRINGS IN THIS PAGE. ALSO SKILLS AND SKILL CATEGORIES-->

    <div class="armor-grid-heading">{{ localize "rmss.pc_sheet_items.item_name" }}</div>
    <div class="armor-grid-heading">{{ localize "rmss.pc_sheet_items.equipped" }}</div>
    <div class="armor-grid-heading">{{ localize "rmss.armor.at" }}</div> 
    <div class="armor-grid-heading">{{ localize "rmss.pc_sheet_items.quantity" }}</div>
    <div class="armor-grid-heading">{{ localize "rmss.pc_sheet_items.weight" }}</div>
    <div class="armor-grid-heading">{{ localize "rmss.pc_sheet_items.cost" }}</div>
    <div class="armor-grid-heading">
      <a class="item-control item-create" title="Create Item" data-type="armor"><i class="fas fa-plus"></i>{{ localize "rmss.pc_sheet_items.add_item" }}</a>
    </div>
  {{#each armor as |equipable id|}}
        <div>{{equipable.name}}</div>         
        {{#if equipable.system.equipped}}
          <div><a class="equippable" data-item-id="{{equipable._id}}"><i class="fa-regular fa-square-check"></i></a></div>
        {{else}}
          <div><a class="equippable" data-item-id="{{equipable._id}}"><i class="fa-regular fa-square"></i></a></div>
        {{/if}}
        <div>{{equipable.system.at}}</div>
        <div>{{equipable.system.quantity}}</div>    
        <div>{{equipable.system.weight}}</div>
        <div>{{equipable.system.cost}}</div>
        <div class="item-controls">
          <a class="item-control item-edit" title="Edit Item" data-item-id="{{equipable._id}}"><i class="fas fa-edit"></i></a>
          <a class="item-control item-delete" title="Delete Item" data-item-id="{{equipable._id}}"><i class="fas fa-trash"></i></a>
        </div>
  {{/each}}
</div>