<div>
  <ul class="item-list alterne-list">
    <li class="competence-header flexrow">
      <span class="equipement-nom">Nom</span>
      <span class="equipement-detail">Catégorie</span>
      <span class="equipement-detail">Quantité</span>
      <span class="equipement-detail">Conteneur</span>
      <span class="item-controls">Actions</span>
    </li>
    {{#each potions as |p|}}
    <li class="item flexrow list-item" data-item-id="{{p.id}}">
      <span class="equipement-nom">
        <img class="sheet-competence-img" src="{{p.img}}" data-tooltip="{{p.name}}"/>
        <span>{{p.name}}{{#if p.magique}} <i class="fa-solid fa-sparkles" data-tooltip="Enchantement"></i>{{/if}}</span>
      </span>
      <span class="equipement-detail">{{p.categorie}}</span>
      <span class="equipement-detail">
        <a class="potion-moins"><i class="fa-solid fa-square-minus"></i></a>
        <span>{{p.quantite}}</span>
        <a class="potion-plus"><i class="fa-solid fa-square-plus"></i></a>
      </span>
      <span class="equipement-detail">
        <select class="potion-conteneur">
          {{#select p.conteneurId}}
          {{#each ../conteneurs as |c|}}
          <option value="{{c.id}}">{{c.name}}</option>
          {{/each}}
          {{/select}}
        </select>
      </span>
      <span class="item-controls">
        <a class="potion-consommer" data-tooltip="Consommer"><i class="fa-solid fa-vial"></i></a>
        <a class="potion-vendre" data-tooltip="Vendre ou donner"><i class="fa-solid fa-comments-dollar"></i></a>
        <a class="potion-chat" data-tooltip="Montrer"><i class="fa-solid fa-comment"></i></a>
        <a class="potion-edit" data-tooltip="Éditer"><i class="fa-solid fa-edit"></i></a>
      </span>
    </li>
    {{/each}}
  </ul>
</div>
