<ol class="items-list">
  <li class="item flexrow items-header">
    <div
      class="item-name"
      style="flex:4;"
    >{{ localize 'IDENTITY.name'}}</div>
    <div class="item-clew">{{ localize 'VERMINE.clew'}}</div>
    <div class="item-mobility">{{ localize 'VERMINE.mobility'}}</div>
    <div class="item-rarity">{{ localize 'VERMINE.rarity'}}</div>
    <div class="item-reliability">{{ localize 'VERMINE.reliability'}}</div>
    <div class="item-controls">
      <a
        class="item-control item-create"
        title="Create item"
        data-type="defense"
        data-action="create"
      ><i class="fas fa-plus"></i></a>
      <a style="visibility:hidden;" aria-hidden="true"><i class="fas fa-circle"></i></a>
      <a style="visibility:hidden;" aria-hidden="true"><i class="fas fa-trash"></i></a>
    </div>
  </li>
  {{#each defenses as |item id|}}
    <li
      class="item flexrow flex-group-center"
      data-item-id="{{item._id}}"
    >
      <div
        class="item-name"
        style="flex:4;"
      >
        <div class="item-image">
          <a data-action="roll"><img
              src="{{item.img}}"
              title="{{item.name}}"
              width="24"
              height="24"
            /></a>
        </div>
        <a data-action="edit" title="Edit Item">{{item.name}}</a>
      </div>
      <div><a data-action="edit" title="Edit Item">{{item.system.level}}</a></div>
      <div><a data-action="edit" title="Edit Item">{{item.system.mobility}}</a></div>
      <div><a data-action="edit" title="Edit Item">{{item.system.rarity.value}}</a></div>
      <div><a data-action="edit" title="Edit Item">{{item.system.reliability}}</a></div>
      <div class="item-controls">
        <a
          data-action="toggleEquip"
          data-item-id="{{item._id}}"
          title="{{#if item.system.equipped}}{{ localize 'VERMINE.unequip'}}{{else}}{{ localize 'VERMINE.equip'}}{{/if}}"
        ><i
            class="fas {{#if item.system.equipped}}fa-circle-check{{else}}fa-circle{{/if}}"
          ></i></a>
        <a
          data-action="delete"
          title="Delete Item"
        ><i class="fas fa-trash"></i></a>
        <a
          data-action="edit"
          title="Edit Item"
        ><i class="fas fa-edit"></i></a>
      </div>
    </li>
  {{/each}}
</ol>