{{#if visible}}
  <li class="item flexrow list-item {{#if data.isLevelUp}}xp-level-up tooltip{{/if}}" data-item-id="{{_id}}">
    <a class="competence-label" name="{{name}}">
      <img class="sheet-competence-img" src="{{img}}"/>
      <span class="competence-label">{{name}}</span>
    </a>

    {{#if data.isLevelUp}}
    <span class="tooltiptext ttt-xp">Vous pouvez dépenser {{data.xpNext}} points d'Experience pour augmenter de 1 votre compétence {{name}}</span>
    <a class="competence-xp-augmenter" compname="{{name}}" title="Augmenter">
      <i class="fas fa-arrow-alt-circle-up"></i>
    </a>
    {{/if}}

    <input class="competence-value" type="text" compname="{{name}}" name="comp-value-{{name}}"
          value="{{numberFormat data.niveau decimals=0 sign=true}}" data-dtype="number"
          {{#unless @root.options.editCaracComp}}disabled{{/unless}} />
    
    <span class="competence-xp tooltip">
      <input class="competence-xp " type="text" compname="{{name}}" name="comp-xp-{{name}}"
          value="{{numberFormat data.xp decimals=0 sign=false}}" data-dtype="number"
          {{#unless @root.options.editCaracComp}}disabled{{/unless}} />
      <span class="tooltiptext left-competence ttt-xp">Vous devez acquérir {{data.xpNext}} points d'Experience pour augmenter de 1 votre compétence {{name}}</span>      
    </span>

    {{#if (eq data.categorie 'draconic')}}
    <input class="competence-xp-sort" type="text" compname="{{name}}" name="comp-xp-sort-{{name}}"
          value="{{numberFormat data.xp_sort decimals=0 sign=false}}" data-dtype="number"
          {{#unless @root.options.editCaracComp}}disabled{{/unless}}/>
    {{/if}}
    {{#if @root.options.vueDetaillee}}
    <div class="item-controls">
      {{#if data.stressXpMax}}
      <a class="competence-stress-augmenter" compname="{{name}}" 
            title="Dépenser {{data.stressXpMax}} points de stress {{#if data.isStressLevelUp}} pour augmenter d'un niveau {{/if}}">
            <i class="fas fa-arrow-alt-circle-up allouer-stress {{#if data.isStressLevelUp}}level-up{{/if}}"></i>
      </a>
      {{else}}
      <i class="far fa-circle"></i>
      {{/if}}
      <input class="competence-archetype niveau-archetype" type="text" compname="{{name}}" name="comp-archetype-{{name}}"
            value="{{numberFormat data.niveau_archetype decimals=0 sign=true}}" data-dtype="number"
            {{#unless @root.options.editCaracComp}}disabled{{/unless}} />
      <a class="item-edit" title="Modifier"><i class="fas fa-edit"></i></a>
      {{#if @root.options.isGM}}
      <a class="item-delete" title="Supprimer"><i class="fas fa-trash"></i></a>
      {{/if}}
    </div>
    {{/if}}
  </li>
{{/if}}