<section
  class="tab character-{{tab.id}} {{tab.cssClass}}"
  data-tab="{{tab.id}}"
  data-group="{{tab.group}}"
>
  <div class="main-div">
    <fieldset>
      <legend>{{localize "HAMALRON.Label.sortileges"}}{{#if isEditMode}}
          <a
            class="action"
            data-tooltip="{{localize 'HAMALRON.Tooltip.addSortilege'}}"
            data-tooltip-direction="UP"
          ><i class="fas fa-plus" data-action="createSortilege"></i></a>{{/if}}
      </legend>
      <div class="sortileges">
        {{#each sortileges as |item|}}
          <div
            class="sortilege item"
            data-item-id="{{item.id}}"
            data-item-uuid="{{item.uuid}}"
            data-drag="true"
          >
            <img
              class="item-img"
              src="{{item.img}}"
              data-tooltip="{{item.name}}"
            />
            <div
              class="name"
              data-action="toChat"
              data-item-uuid="{{item.uuid}}"
              data-tooltip="{{{item.system.description}}}"
            >
              <a>{{item.name}}</a>
            </div>
            <span class="categorie" data-tooltip="Catégorie">{{upperFirst
                item.system.categorie
              }}</span>
            <span class="niveau" data-tooltip="Niveau requis">{{upperFirst
                item.system.niveauRequis
              }}</span>

            <div class="controls">
              <a
                data-tooltip="{{localize 'HAMALRON.Roll.cast'}}"
                data-action="castSortilege"
                data-item-id="{{item.id}}"
                data-item-uuid="{{item.uuid}}"
              ><i class="fas fa-wand-magic-sparkles"></i></a>
              <a
                data-tooltip="{{localize 'HAMALRON.Edit'}}"
                data-action="edit"
                data-item-id="{{item.id}}"
                data-item-uuid="{{item.uuid}}"
              ><i class="fas fa-edit"></i></a>
              <a
                data-tooltip="{{localize 'HAMALRON.Delete'}}"
                data-action="delete"
                data-item-id="{{item.id}}"
                data-item-uuid="{{item.uuid}}"
              ><i class="fas fa-trash"></i></a>
            </div>
          </div>
        {{/each}}
      </div>
    </fieldset>
  </div>
</section>
