<div class="items-grid-container">
    
    <!-- LOCALIZE THE LAST STRINGS IN THIS PAGE. ALSO SKILLS AND SKILL CATEGORIES-->
    <div class="items-grid-heading">{{ localize "rmss.pc_sheet_items.item_name" }}</div>
    <div class="items-grid-heading">{{ localize "rmss.pc_sheet_items.worn" }}</div>
    <div class="items-grid-heading">{{ localize "rmss.pc_sheet_items.quantity" }}</div>
    <div class="items-grid-heading">{{ localize "rmss.pc_sheet_items.weight" }}</div>
    <div class="items-grid-heading">{{ localize "rmss.pc_sheet_items.cost" }}</div>
    <div class="items-grid-heading">
      <a class="item-control item-create" title="Create Item" data-type="item"><i class="fas fa-plus"></i>{{ localize "rmss.pc_sheet_items.add_item" }}</a>
    </div>
  {{#each gear as |item id|}}
      <div>{{item.name}}</div>
      {{#if item.system.worn}}
      <div><a class="wearable" data-item-id="{{item._id}}"><i class="fa-regular fa-square-check"></i></a></div>
      {{else}}
      <div><a class="wearable" data-item-id="{{item._id}}"><i class="fa-regular fa-square"></i></a></div>
      {{/if}}
      <div>{{item.system.quantity}}</div>
      <div>{{item.system.weight}}</div>
      <div>{{item.system.cost}}</div>
      <div>
        <a class="item-control item-edit" title="Edit Item" data-item-id="{{item._id}}"><i class="fas fa-edit"></i></a>
        <a class="item-control item-delete" title="Delete Item" data-item-id="{{item._id}}"><i class="fas fa-trash"></i></a>
      </div>
  {{/each}}
  </div>