{{#unless system.isHidden}}
  <li class="item flexrow list-item {{#if system.isLevelUp}}xp-level-up{{/if}}" data-item-id="{{_id}}">
    <span class="tooltip">
      <a class="competence-label roll-competence" name="{{name}}" data-tooltip="Niveau {{plusMoins system.niveau}} en {{name}}">
        <img class="sheet-competence-img" src="{{img}}"/>
        <span>{{name}}</span>
      </a>
      
      {{#if system.isLevelUp}}
      <span class="tooltiptext ttt-levelup">Vous pouvez dépenser {{system.xpNext}} points d'Experience pour augmenter de 1 votre compétence {{name}}</span>
      <a class="competence-xp-augmenter" compname="{{name}}">
        <i class="fas fa-arrow-alt-circle-up"></i>
      </a>
      {{/if}}
    </span>
      
    <input class="competence-value" type="text" compname="{{name}}" name="comp-value-{{name}}"
          value="{{plusMoins system.niveau}}" data-dtype="number"
          {{#if (or (not @root.options.vueDetaillee) @root.options.vueArchetype)}}disabled{{/if}} />

    {{#if @root.options.vueDetaillee}}
    <span class="competence-xp {{#unless system.isLevelUp}}tooltip{{/unless}}">
      <input class="competence-xp " type="text" compname="{{name}}" name="comp-xp-{{name}}"
          value="{{numberFormat system.xp decimals=0 sign=false}}" data-dtype="number"
          {{#if (or (not @root.options.vueDetaillee) @root.options.vueArchetype)}}disabled{{/if}} />
      {{#unless system.isLevelUp}}
      <span class="tooltiptext left-competence ttt-xp">Vous devez acquérir {{system.xpNext}} points d'Experience pour augmenter de 1 votre compétence {{name}}</span>      
      {{/unless}}
    </span>
    {{/if}}
    {{#if (eq system.categorie 'draconic')}}
    <input class="competence-xp-sort" type="text" compname="{{name}}" name="comp-xp-sort-{{name}}"
          value="{{numberFormat system.xp_sort decimals=0 sign=false}}" data-dtype="number"
          {{#if (or (not @root.options.vueDetaillee) @root.options.vueArchetype)}}disabled{{/if}} />
    {{/if}}
    {{#if @root.options.vueDetaillee}}
    <div class="item-controls">
      {{#if system.stressXpMax}}
      <a class="competence-stress-augmenter" compname="{{name}}" 
           data-tooltip="Dépenser {{system.stressXpMax}} points de stress {{#if system.isStressLevelUp}} pour augmenter d'un niveau {{/if}}">
            <i class="fas fa-arrow-alt-circle-up allouer-stress{{#if system.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="{{plusMoins system.niveau_archetype}}" data-dtype="number" data-tooltip="Niveau d'archétype {{plusMoins system.niveau_archetype}}"
            {{#if (not @root.options.vueArchetype)}}disabled{{/if}} />
      <a class="item-edit" data-tooltip="Modifier"><i class="fas fa-edit"></i></a>
      {{#if @root.options.isGM}}
      <a class="item-delete" data-tooltip="Supprimer"><i class="fas fa-trash"></i></a>
      {{/if}}
      &nbsp;
      <a class="item-montrer" data-tooltip="Montrer"><i class="fas fa-comment"></i></a>
    </div>
    {{/if}}
</li>
{{/unless}}