<form class="dialog-roll-sort">
<h2 class="compdialog" id="sort-dialog"></h2>
<div class="form-group">
  <label for="categorie">Rêve : {{selectedCarac.value}}
</div>

<div class="form-group">
  <label for="categorie">Draconic </label>
  <select name="draconic" id="draconic" data-dtype="String">
      {{#select draconic}}
      {{#each draconicList as |draconic key|}}
      <option value={{key}}>{{draconic.name}} : {{draconic.data.niveau}}</option>
      {{/each}}
      {{/select}}
  </select>
</div>

<div class="form-group">
  <label for="categorie">Sort </label>
  <select name="sort" id="sort" data-dtype="String">
      {{#select sort}}
      {{#each sortList as |sort key|}}
      <option value={{key}}>{{sort.name}} : {{sort.data.difficulte}} / {{sort.data.ptreve}} / {{sort.data.caseTMR}}</option>
      {{/each}}
      {{/select}}
  </select>
</div>

<div class="form-group" id="div-sort-difficulte">
  <label for="categorie">Difficulté </label>
  <select name="bonusmalus" id="bonusmalus" data-dtype="number">
    {{#select bonusmalus}}
    {{#each bonusmalusTable as |bmvalue key|}}
    <option value={{bmvalue}}>{{numberFormat bmvalue decimals=0 sign=true}}</option>
    {{/each}}
    {{/select}}
  </select>
</div>

<div class="form-group" id="div-sort-ptreve">
  <label for="categorie">Couts en Points de Rêve </label>
  <select name="ptreve-variable" id="ptreve-variable" data-dtype="number">
    {{#select ptreve-variable}}
    {{#each coutreve as |cout key|}}
    <option value={{cout}}>{{cout}}</option>
    {{/each}}
    {{/select}}
  </select>
</div>

<div class="form-group">
  <label for="categorie">Etat général</label><label>{{numberFormat etat decimals=0 sign=true}}</label>
</div>
<div class="form-group">
  <label>Ajustement final : </label><label id="roll-param">10 / 0</label>
</div>
<div id="resolutionTable">
  
</div>
</form>

<script>
</script>