<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 "rang")}}
    <div class="flexrow">
      <span class="roll-dialog-label">{{rang.label}}</span>
      <span class="roll-dialog-label">{{rang.value}}</span>
    </div>
    {{/if}}
    
    {{#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}}

    {{#if pouvoir}}
    <div class="flexrow">
      <span class="roll-dialog-label">Pouvoir : </span>
      <span class="small-label roll-dialog-label">{{pouvoir.name}}</span>
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label">Activation : </span>
      <span class="small-label roll-dialog-label">{{pouvoir.system.activation}}</span>
    </div>
      {{#if pouvoirBase}}
      <div class="flexrow">
        <span class="roll-dialog-label">{{pouvoirBase.label}} : </span>
        <span class="small-label roll-dialog-label">{{pouvoirBase.value}}</span>
      </div>  
      {{/if}}
      <div class="flexrow">
        <span class="roll-dialog-label">Points d'usage consommés : </span>
        <select class="status-small-label color-class-common" id="pouvoirPointsUsage" type="Number" name="pouvoirPointsUsage" value="pouvoirPointsUsage" data-dtype="Number" >
          {{#select pouvoirPointsUsage}}
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          {{/select}}
        </select>      
      </div>
      {{/if}}

    {{#each rulesMalus as |malus key|}}
    <div class="flexrow">
      <span class="roll-dialog-label">{{malus.name}}</span>
      <span class="small-label roll-dialog-label">{{malus.value}}</span>
    </div>
    {{/each}}

    {{#if (and arme arme.system.isMelee)}}
    <div class="flexrow">
      <span class="roll-dialog-label">Attaque à plusieurs </span>
      <select class="roll-dialog-label" id="bonus-attaque-plusieurs" type="text" value="{{bonusAttaquePlusieurs}}"
        data-dtype="Number">
        {{#select bonusAttaquePlusieurs}}
        <option value="0">0</option>
        <option value="1">+1</option>
        <option value="2">+2</option>
        {{/select}}
      </select>
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label">Attaque dans le dos ?</span>
      <input type="checkbox" class="item-field-label-short" id="attaqueDos" {{checked attaqueDos}}/>
    </div>
      <div class="flexrow">
        <span class="roll-dialog-label">Attaque à deux armes </span>
        <select class="roll-dialog-label" id="bonus-attaque-deux-armes" type="text" value="{{attaqueDeuxArmes}}"
          data-dtype="Number">
          {{#select attaqueDeuxArmes}}
          <option value="0">Aucun</option>
          <option value="-4">Deux armes à 1 main</option>
          <option value="-2">Deux armes naturelles"</option>
          <option value="-2">Avec spécialisation "Mauvaise Main"</option>
          {{/select}}
        </select>
      </div>    
      <div class="flexrow">
        <span class="roll-dialog-label">Seconde arme</span>
        <select class="roll-dialog-label" id="bonus-attaque-seconde-arme" type="text" value="{{secondeArme}}"
          data-dtype="String">
          {{#select secondeArme}}
            {{#each armes as |arme idx|}}
            <option value="{{arme.id}}">{{arme.name}}</option>
            {{/each}}
          {{/select}}
        </select>
      </div>    
    {{/if}}
    
    {{#if arme}}
    <li class="flexrow item">
      <label class="roll-dialog-label">Ataque ciblée : </label>
      <select class="roll-dialog-label" type="text" id="attaque-cible" value="{{attaqueCible}}" data-dtype="String">
        {{#select attaqueCible}}
          {{#each config.attaqueCible as |categ key|}}
            <option value="{{key}}">{{categ}}</option>
          {{/each}}
        {{/select}}
      </select>
    </li>


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

    {{#if cacheDifficulte}}
    <div class="flexrow">
      <span class="roll-dialog-label">Difficulté Cachée/Inconnue</span>
    </div>
    {{else}}
    <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>
    {{/if}}

  </div>

</form>