<section class="tab sheet-body {{tab.cssClass}}" data-tab="traits" data-group="primary">

  <ul class="item-list alternate-list">
    <li class="item flexrow list-item items-title-bg">
      <span class="item-name-label-header-long2">
        <h3><label class="item-name-label-header-long2">{{localize "ECRY.ui.traits"}}</label></h3>
      </span>
      <span class="item-field-label-short">
        <label>{{localize "ECRY.ui.level"}}</label>
      </span>
      <div class="item-controls item-controls-fixed">
        <a data-action="itemCreate" data-type="trait" title="{{localize 'ECRY.ui.create'}}"><i class="fas fa-plus"></i></a>
      </div>
    </li>
    {{#each traits as |trait key|}}
    <li class="item flexrow list-item list-item-shadow" data-item-id="{{trait._id}}">
      <a data-action="itemEdit" data-item-id="{{trait._id}}" class="item-name-img" title="{{localize 'ECRY.ui.edit'}}">
        <img class="sheet-competence-img" src="{{trait.img}}" />
      </a>
      <span class="item-name-label-long2">{{trait.name}}</span>
      <span class="item-field-label-short"><label>{{trait.system.level}}</label></span>
      <div class="item-filler">&nbsp;</div>
      <div class="item-controls item-controls-fixed">
        <a data-action="itemDelete" data-item-id="{{trait._id}}" title="{{localize 'ECRY.ui.delete'}}"><i class="fas fa-trash"></i></a>
      </div>
    </li>
    {{/each}}
  </ul>

</section>
