{{#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="flex-shrink">{{itemSort-shortDraconic sort.system.draconic}}</span>
    <span class="item-edit flex-grow-3">{{sort.name}}{{#if sort.system.isrituel}} 
      <i class="fa-regular fa-book-sparkles"></i>{{/if}}</span>
    <span class="flex-grow-2">
      {{#if sort.system.caseTMRspeciale}}{{sort.system.caseTMRspeciale}}{{else}}{{upperFirst sort.system.caseTMR}}{{/if}}
      </span>
    <span class="flex-grow-1">R{{itemSort-spaceIfText sort.system.difficulte}} r{{itemSort-spaceIfText sort.system.ptreve}}</span>
    <div class="item-controls flex-shrink">
      <a class="item-edit" data-tooltip="Modifier"><i class="fas fa-edit"></i></a>
      <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}}