<form class="skill-roll-dialog">
  <header class="roll-dialog-header">
    {{#if img}}
    <img class="actor-icon" src="{{img}}" data-edit="img" title="{{name}}" />
    {{/if}}
    <h1 class="dialog-roll-title roll-dialog-header">{{title}}</h1>
  </header>

  <div class="flexcol">

    {{#if (eq mode "carac")}}
      <div class="flexrow">
        <span class="roll-dialog-label">Caracteristique</span>
        <span class="roll-dialog-label">{{carac.label}} ({{carac.value}})</span>
      </div>
    {{else}}
      <div class="flexrow">
        <span class="roll-dialog-label">Caracteristique</span>
        <select class="status-small-label color-class-common" id="caracKey" type="text" name="caracKey" value="caracKey" data-dtype="string" >
          {{#select caracKey}}
          {{#each caracList as |carac key|}}
            <option value="{{key}}">{{carac.label}}</option>
          {{/each}}
          {{/select}}
        </select>      
      </div>
    {{/if}}

    {{#if competence}}
      <div class="flexrow">
        <span class="roll-dialog-label">{{competence.name}}</span>
        <span class="small-label roll-dialog-label">{{competence.system.niveau}}</span>
      </div>
      {{#if competence.nbSpec}}
        <div class="flexrow">
          <span class="roll-dialog-label">Spécialités : {{competence.specList}}</span>
        </div>
        <div class="flexrow">
          <span class="roll-dialog-label">Bonus de spécialité ?</span>
          <input type="checkbox" class="item-field-label-short" id="useSpecialite" {{checked useSpecialite}}/>
        </div>
      {{/if}}
    {{/if}}

    <div class="flexrow">
      <span class="roll-dialog-label">Malus de Santé</span>
      <span class="small-label roll-dialog-label">{{pvMalus}}</span>
    </div>

    {{#if tricherie}}
    <div class="flexrow">
      <span class="roll-dialog-label">Utiliser 1 point de Tricherie ({{tricherie}}) ?</span>
      <input type="checkbox" class="item-field-label-short" id="useTricherie" {{checked useTricherie}}/>
    </div>
    {{/if}}

    {{#if heritage}}
    <div class="flexrow">
      <span class="roll-dialog-label">Utiliser 1 point d'Heritage ? ({{heritage}})</span>
      <input type="checkbox" class="item-field-label-short" id="useHeritage" {{checked useHeritage}}/>
    </div>
    {{/if}}

    <div class="flexrow">
      <span class="roll-dialog-label">Bonus/Malus </span>
      <select class="roll-dialog-label" id="bonus-malus-context" type="text" value="{{bonusMalusContext}}"
        data-dtype="Number">
        {{#select bonusMalusContext}}
        <option value="-6">-6</option>
        <option value="-5">-5</option>
        <option value="-4">-4</option>
        <option value="-3">-3</option>
        <option value="-2">-2</option>
        <option value="-1">-1</option>
        <option value="0">0</option>
        <option value="1">+1</option>
        <option value="2">+2</option>
        <option value="3">+3</option>
        <option value="4">+4</option>
        <option value="5">+5</option>
        <option value="6">+6</option>
        {{/select}}
      </select>
    </div>

    <div class="flexrow">
      <span class="roll-dialog-label">Difficulté</span>
      <select class="status-small-label color-class-common" id ="sdValue" type="text" name="sdValue" value="sdValue" data-dtype="string" >
        {{#select sdValue}}
          {{#each sdList as |label value|}}
            <option value="{{value}}">{{label}} ({{value}})</option>
          {{/each}}
        {{/select}}
      </select>
    </div>

  </div>

</form>