{{#if sorts.length}}
<h3>Sorts</h3>
<ul class="item-list alterne-list">
  {{#each (trier sorts) as |sort key|}}
  <li class="item list-item flexrow" data-item-id="{{sort._id}}" data-attribute="{{key}}"  data-tooltip="{{#if sort.system.isrituel}}Rituel{{else}}Sort{{/if}}: {{sort.name}}">
    <img class="sheet-competence-img" src="{{sort.img}}"/>
    <span class="item-edit flex-grow-3">
      <a data-item-id="{{sort._id}}">{{sort.name}}
        - {{#if sort.system.caseTMRspeciale}}{{sort.system.caseTMRspeciale}}{{else}}{{upperFirst sort.system.caseTMR}}{{/if}}
      </a>
    </span>
    <span class="flex-grow-0-5">{{#if sort.system.isrituel}}Rituel{{/if}}</span>
    <span class="flex-grow-2">{{sort.system.draconic}}/{{sort.system.difficulte}}</span>
    <div class="item-controls flex-shrink">
      <a class="item-delete" data-tooltip="Supprimer"><i class="fas fa-trash"></i></a>
      <a class="item-montrer" data-tooltip="Montrer"><i class="fas fa-comment"></i></a>
    </div>
  </li>
  {{/each}}
</ul>
{{/if}}