<div class="tab road sheet-part" data-group="sheet" data-tab="road">
  <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 isEditMode}}
        <a class="item-control item-create" data-action="create" title="Create item"
          data-type="vehicle"><i class="fas fa-plus"></i></a>
        {{/if}}
      </div>
    </li>
    {{#each vehicles 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 class="item-control item-edit" data-action="edit" data-item-id="{{item._id}}" data-roll-type="item"><img
              src="{{item.img}}" title="{{item.name}}" width="24"
              height="24" /></a>
        </div>
        <a class="item-control item-edit" data-action="edit" data-item-id="{{item._id}}" title="Edit Item">{{item.name}}</a>
      </div>
      <div><a class="item-control item-edit" data-action="edit" data-item-id="{{item._id}}" title="Edit Item">{{item.system.mobility}}</a></div>
      <div><a class="item-control item-edit" data-action="edit" data-item-id="{{item._id}}" title="Edit Item">{{item.system.rarity.value}}</a></div>
      <div><a class="item-control item-edit" data-action="edit" data-item-id="{{item._id}}" title="Edit Item">{{item.system.reliability}}</a></div>
      <div class="item-controls">
        {{#if @root.isEditMode}}
        <a class="item-control item-delete" data-action="delete" data-item-id="{{item._id}}" title="Delete Item"><i
            class="fas fa-trash"></i></a>
        {{/if}}
      </div>
    </li>
    {{/each}}
  </ol>
</div>
