<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">

    <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 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}}

    <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>