<form class="tmr-dialog">
<h2 class="comptmrdialog" id="tmrDialogTitle"></h2>

<table id="tmrsheet">
  <tr id="tmrrow1">
    <td>
      <div class="flex-group-center">
        Rêve Actuel : <span id="pointsreve-value">0</span>
      </div>
      <div class="flex-group-center">
        Coordonnées : <span id="tmr-pos">0</span>
      </div>
      <div class="flex-group-center">
        Etat général : <span id="etatgeneral-value">0</span>
      </div>
      <div class="flex-group-center">
        Refoulement : <span id="refoulement-value">0</span>
      </div>
      <div class="flex-group-center flex-fatigue">
        Fatigue 
        <span id="fatigue-table">{{{fatigueHTML}}}</span>
      </div>
      <div class="flex-group-center">
        <label>Carac. Rêve : </label><label>{{caracReve}}</label>
      </div>
      <div class="flex-group-center">
        <label>Points de Rêve : </label><label>{{pointsReve}}</label>
      </div>
      
      <div class="flex-group-center">
        Draconic : <span id="draconic-list">
        <select name="draconic" id="draconic-list" data-dtype="String">
            {{#select draconic}}
            {{#each draconic}}
            <option value={{this.name}}>{{this.name}} - {{this.data.niveau}}</option>
            {{/each}}            
            {{/select}}
        </select>          
        </span>
      </div>
            
      <div class="flex-group-center">
        Sorts : <span id="sorts-list">
        <select name="sort" id="sort-list" data-dtype="String">
            {{#select sort}}
            {{#each sort}}
            <option value={{this.name}}>{{this.name}}</option>
            {{/each}}
            {{/select}}
        </select>                    
        </span>
      </div>
      
      <div class="flex-group-center">
        <a id="lancer-sort">Lancer un Sort</a>
      </div>
        
    </td>    
  </tr>
</table>

</form>