<ol class="items-list">
  <li class="item flexrow items-header">
    <div class="item-name" style="flex:4;">{{ localize 'IDENTITY.name'}}</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">
      {{#if @root.isEditMode}}
      <a class="item-control item-create" data-action="createVehicle" title="Create vehicle"><i class="fas fa-plus"></i></a>
      {{/if}}
    </div>
  </li>
  {{#each vehicles as |vehicle|}}
  <li class="item flexrow flex-group-center" data-vehicle-id="{{vehicle.id}}">
    <div class="item-name" style="flex:4;">
      <div class="item-image">
        <a class="item-control item-edit" data-action="editVehicle" data-vehicle-id="{{vehicle.id}}"><img
            src="{{vehicle.img}}" title="{{vehicle.name}}" width="24"
            height="24" /></a>
      </div>
      <a class="item-control item-edit" data-action="editVehicle" data-vehicle-id="{{vehicle.id}}" title="Edit Vehicle">{{vehicle.name}}</a>
    </div>
    <div><a class="item-control item-edit" data-action="editVehicle" data-vehicle-id="{{vehicle.id}}" title="Edit Vehicle">{{vehicle.system.mobility}}</a></div>
    <div><a class="item-control item-edit" data-action="editVehicle" data-vehicle-id="{{vehicle.id}}" title="Edit Vehicle">{{vehicle.system.rarity.value}}</a></div>
    <div><a class="item-control item-edit" data-action="editVehicle" data-vehicle-id="{{vehicle.id}}" title="Edit Vehicle">{{vehicle.system.reliability}}</a></div>
    <div class="item-controls">
      {{#if @root.isEditMode}}
      <a class="item-control item-delete" data-action="deleteVehicle" data-vehicle-id="{{vehicle.id}}" title="Delete Vehicle"><i
          class="fas fa-trash"></i></a>
      {{/if}}
    </div>
  </li>
  {{else}}
  <li class="item flexrow flex-group-center">
    <span class="empty">{{ localize 'VERMINE.no_vehicles' }}</span>
  </li>
  {{/each}}
</ol>
