<form class="skill-roll-dialog">
  <h2 class="dialog-roll-title">{{title}} - Niveau {{sort.data.niveau}}</h2>

  <div class="floxrow">
    <div class="flexrow">
      <span class="competence-base flexrow" >Caractéristique :  </span>
      <span class="competence-base flexrow" id="caracName">TEST</span>
      <span class="competence-base flexrow" id="caracValue">TEST</span>
    </div>

    <div class="flexrow">
      <span class="competence-base flexrow" >Compétence :  </span>
      <span class="competence-base flexrow" id="compName">{{competence.name}}</span>
      <span class="competence-base flexrow" id="compNiveau">{{competence.data.niveau}}</span>
    </div>

    <div class="flexrow">
      <span class="competence-base flexrow" >Graver la Rune : </span>
      <select class="competence-base flexrow" type="text" id="supportRune" name="supportRune" value="" data-dtype="String">
        {{#select supportRune}}
        <option value="peau">Peau</option>
        <option value="tissu">Tissu</option>
        <option value="cuir">Cuir</option>
        <option value="bois">Bois</option>
        <option value="pierremetal">Pierre, Métal</option>
        {{/select}}
      </select>
    </div>

    <div class="flexrow">
      <span class="competence-base flexrow" >Puissance de la Rune : </span>
      <select class="competence-base flexrow" type="text" id="puissanceRune" name="puissanceRune" value="puissanceRune" data-dtype="Number">
        {{#select puissanceRune}}
        {{{optionsPuissanceRune}}}
        {{/select}}
      </select> 
    </div>

    <div class="flexrow">
      <span class="competence-base flexrow" >Bonus/Malus : </span>
      <select class="competence-base flexrow" type="text" id="bonusMalus" name="bonusMalus" value="bonusMalus" data-dtype="Number">
        {{#select bonusMalus}}
        {{{optionsBonusMalus}}}
        {{/select}}
      </select> 
    </div>

    <div class="flexrow">
      <span class="competence-base flexrow">Epuisé (1d) : <input type="checkbox" id="isEpuise" name="isEpuise" {{checked isEpuise}} disabled/></span>
      <span class="competence-base flexrow">Blessé (-3)  : <input type="checkbox" id="isBlesse" name="isBlesse" {{checked isBlesse}} disabled/></span>
      <span class="competence-base flexrow">Epuisé (1d) : <input type="checkbox" id="isMeurtri" name="isMeurtri" {{checked isMeurtri}} disabled/></span>
    </div>

    <div class="flexrow">
      <span class="competence-base flexrow" >Furor à utiliser: </span>
      <select class="competence-base flexrow" type="text" id="furorUsage" name="furorUsage" value="furorUsage" data-dtype="Number">
        {{#select furorUsage}}
        {{{optionsFuror}}}
        {{/select}}
      </select> 
    </div>

    <div class="flexrow">
      <span class="competence-base flexrow" >Durée de réalisation :  </span> 
      <span class="competence-base flexrow" id="runeDuree">1</span>
    </div>

    <div class="flexrow">
      <span class="competence-base flexrow" >Durée de Vie :  </span> 
      <span class="competence-base flexrow" id="runeDureeVie">1</span>
    </div>

    <div class="flexrow">
      <span class="competence-base flexrow" >Seuil de Réussite Total : </span> 
      <span class="competence-base flexrow" id="srTotal">14</span>
    </div>


  </div>
  
</form>