<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>
      <span class="roll-dialog-label">{{carac.name}} : {{carac.qualite}} ({{carac.dice}})</span>
    </div>

    {{#if competence}}
    <div class="flexrow">
      <span class="roll-dialog-label">Compétence </span>
      <span class="roll-dialog-label">{{competence.name}} ({{compScore}})</span>
    </div>
    {{/if}}

    {{#if santeModifier}}
    <div class="flexrow">
      <span class="roll-dialog-label">Malus Blessures </span>
      <span class="roll-dialog-label">{{santeModifier}} niveaux</span>
    </div>
    {{/if}}

    <div class="flexrow">
      <span class="roll-dialog-label">Bonus/Malus : </span>
      <select class="" type="text" id="roll-bonus-malus" value="{{bonusMalus}}" data-dtype="Number">
        {{selectOptions config.bonusMalus selected=bonusMalus labelAttr="label" valueAttr="value" nameAttr="value"}}
      </select>
    </div>

    {{#if providence.value}}
    <div class="flexrow">
      <span class="roll-dialog-label">Utiliser la Providence ({{providence.dice}})</span>
      <input type="checkbox" id="roll-enable-providence" {{checked enableProvidence}} />
    </div>
    {{/if}}

    {{#if arme}}
    {{#if isTir}}
    <div class="flexrow">
      <span class="roll-dialog-label">Portée : </span>
      <select class="" type="text" id="roll-portee-tir" value="{{porteeTir}}" data-dtype="String">
        {{#select porteeTir}}
        {{#each config.ARME_PORTEES as |portee key|}}
        <option value="{{key}}">{{portee.label}}</option>
        {{/each}}
        {{/select}}
      </select>
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label">Viser : </span>
      <input type="checkbox" id="roll-tir-viser" {{checked isViser}} />
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label">Cible petite/en mouvement : </span>
      <input type="checkbox" id="roll-tir-mouvement" {{checked isMouvement}} />
    </div>
    {{else}}
    <div class="flexrow">
      <span class="roll-dialog-label">Allonge {{allongeLabel}} : Indiquez l'allonge de votre adversaire
        ci-dessous.</span>
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label"
        data-tooltip="Modification d'allonge selon votre arme et celle de votre adversaire">Allonge arme adversaire :
      </span>
      <select class="" type="text" id="roll-allonge" value="{{allongeId}}" data-dtype="String">
        {{#select allongeId}}
        {{#each allonges as |allonge key|}}
        <option value="{{key}}">{{allonge.label}}</option>
        {{/each}}
        {{/select}}
      </select>
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label">Charge à pied ?</span>
      <input type="checkbox" id="roll-charge-a-pied" {{checked isChargeAPied}} />
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label">Charge à cheval ?</span>
      <input type="checkbox" id="roll-charge-a-cheval" {{checked isChargeACheval}} />
    </div>
    {{/if}}
    <div class="flexrow">
      <span class="roll-dialog-label">Main gauche ?</span>
      <input type="checkbox" id="roll-main-gauche" {{checked isMainGauche}} />
    </div>
    <div class="flexrow">
      <span class="roll-dialog-label">Attaque ciblée (-1 Niveau): </span>
      <select class="" type="text" id="roll-attaque-ciblee" value="{{attaqueCiblee}}" data-dtype="String">
        {{#select attaqueCiblee}}
        {{#each config.ATTAQUE_CIBLEES as |attaque key|}}
        <option value="{{key}}">{{attaque.label}}</option>
        {{/each}}
        {{/select}}
      </select>
    </div>
    {{else}}
    <div class="flexrow">
      <span class="roll-dialog-label">Difficulté : </span>
      <select class="" type="text" id="roll-difficulty" value="{{difficulty}}" data-dtype="String">
        {{selectOptions config.difficulte selected=difficulty valueAttr="key" labelAttr="label"}}
      </select>
    </div>
    {{/if}}

  </div>

</form>