<div class="flex-group-center header-compteurs">
  <ul>
    <li>
      <div class="compteur">
        <label for="system.sante.vie.value">
          <a class="jet-vie" data-tooltip="Faire un jet de vie">Vie</a>
        </label>
        <a class="vie-moins"><i class="fa-solid fa-square-minus"></i></a>
        <input name="system.sante.vie.value" class="resource-content" type="number" data-dtype="Number"
            value="{{system.sante.vie.value}}" min="-{{system.attributs.sconst.value}}" max="{{system.sante.vie.max}}"/>
        <span>/ {{system.sante.vie.max}}</span>
        <a class="vie-plus"><i class="fa-solid fa-square-plus"></i></a>
      </div>
    </li>
    <li>
      <div class="compteur">
        <label for="system.sante.endurance.value">
          <a class="jet-endurance" data-tooltip="Faire un jet d'endurance pour ne pas être sonné">Endurance</a>
        </label>
        <a class="endurance-moins"><i class="fa-solid fa-square-minus"></i></a>
        <input name="system.sante.endurance.value" class="resource-content" type="number" data-dtype="Number"
          value="{{system.sante.endurance.value}}" min="0" max="{{system.sante.endurance.max}}"/>
        <span>/ {{system.sante.endurance.max}}</span>
        <a class="endurance-plus"><i class="fa-solid fa-square-plus"></i></a>
      </div>
    </li>
    <li>
      <div class="appliquerFatigue compteur tooltip">
        <label for="system.sante.fatigue.value">Fatigue ({{calc.fatigue.malus}})</label>
        <div class="tooltiptext ttt-fatigue">{{{calc.fatigue.html}}}</div>
        <a class="fatigue-moins"><i class="fa-solid fa-square-minus"></i></a>
        <input name="system.sante.fatigue.value" class="resource-content" type="number" data-dtype="Number"
          value="{{system.sante.fatigue.value}}" min="0" max="{{system.sante.fatigue.max}}"/>
        <span>/ {{system.sante.fatigue.max}}</span>
        <a class="fatigue-plus"><i class="fa-solid fa-square-plus"></i></a>
      </div>
    </li>
    <li>
      <div class="compteur">
        <label for="system.reve.reve.value">
          <span>
            <a class="button-reve-resistance"><img class="button-effect-img" src="systems/foundryvtt-reve-de-dragon/assets/ui/resistance.svg" data-tooltip="Résistance"/></a>
          </span>
          <a class="roll-reve-actuel" data-tooltip="Faire un jet de Rêve actuel (ou jet de résistance)">Rêve</a>
        </label>
        <a class="ptreve-actuel-moins"><i class="fa-solid fa-square-minus"></i></a>
        <input class="resource-content" class="pointsreve-value" type="text" name="system.reve.reve.value" value="{{system.reve.reve.value}}" data-dtype="Number" />
        <span>/ {{system.reve.seuil.value}}</span>
        <a class="ptreve-actuel-plus"><i class="fa-solid fa-square-plus"></i></a>
      </div>
    </li>
  </ul>
</div>
