<form class="rdd-dialog-select">
  <div>
    <img class="chat-icon" src="{{actor.img}}" data-tooltip="{{actor.name}}" />
    <label>Répartir l'expérience en {{caracDerivee.label}}</label>
  </div>
  <hr>
  <span>
    <label>Points à répartir:</label>
    <input class="xpCarac-reste number-x2"
      type="number" data-dtype="Number"
      min="0" max="10" value="{{xpData.reste}}" disabled />
    <label> sur {{xpData.xpCarac}}</label>
  </span>
  <ul class="flexcol item-list alterne-list">
    <li class="competence-header flexrow">
      <label class="flex-grow-2">Caractéristique</label>
      <label>valeur</label>
      <label>xp</label>
      <span>ajout</span>
    </li>
    {{log 'choix-xp' @root}}
    {{#each caracs as |carac key|}}

    <li class="xpCarac-option item list-item flexrow" data-carac-label="{{carac.label}}">
      <label class="flex-grow-2">{{carac.label}}</label>
      <label>{{carac.value}}</label>

      {{#if carac.isMax}}
      <label>max</label>
      <span class="flexrow">
      </span>
      {{else}}
      <label>{{carac.xp}}</label>
      <span class="flexrow">
          <a class="xpCarac-moins"><i class="fa-solid fa-square-minus"></i></a>
          <input class="xpCarac-view-ajout" value="{{carac.ajout}}" type="number" max="99" disabled/>
          <a class="xpCarac-plus"><i class="fa-solid fa-square-plus"></i></a>
      </span>
      {{/if}}
    </li>
    {{/each}}
  </ul>
</form>