<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="grid grid-2col">

    <div class="flexcol">

      <div class="flexrow">
        <span class="roll-dialog-label" >Stat Dice : </span>      
        <select class="roll-dialog-label" id="statDicesLevel" type="text" name="statDicesLevel" value="{{statDicesLevel}}" data-dtype="Number"
        {{#if statKey}}disabled{{/if}}>
          {{#select statDicesLevel}}
          {{{optionsDiceList}}}
          {{/select}}
        </select> 
        <span class="small-label">&nbsp;+&nbsp;{{statMod}}</span>
      </div>
      
      {{#if specList}}
      <div class="flexrow">
        <span class="roll-dialog-label" >Spec : </span>        
        <select class="roll-dialog-label" id="specList" type="text" name="selectedSpec" value="{{selectedSpec}}" data-dtype="String">
          {{#select selectedSpec}}
          <option value="0">None</option>
            {{#each specList as |spec idx|}}
              <option value="{{spec._id}}">{{spec.name}}</option>
            {{/each}}
          {{/select}}
        </select> 
        <span class="small-label">&nbsp;</span>
      </div>
      {{/if}}

      <div class="flexrow">
        <span class="roll-dialog-label" >Spec Dice : </span>      
        <select class="roll-dialog-label" id="specDicesLevel" type="text" name="specDicesLevel" value="{{specDicesLevel}}" data-dtype="Number"
          {{#if specList}}disabled{{/if}}>
          {{#select specDicesLevel}}
          {{{optionsDiceList}}}
          {{/select}}
        </select> 
        <span class="small-label">&nbsp;</span>
      </div>
      
      <div class="flexrow">
        <span class="roll-dialog-label" >Bonus Dice : </span>      
        <select class="roll-dialog-label" id="bonusDicesLevel" type="text" name="bonusDicesLevel" value="{{bonusDicesLevel}}" data-dtype="Number">
          {{#select bonusDicesLevel}}
          {{{optionsDiceList}}}
          {{/select}}
        </select> 
        <span class="small-label">&nbsp;</span>
      </div>
      
      <div class="flexrow">
        <span class="roll-dialog-label" >Hindrance Dice :</span>
          <select class="roll-dialog-label" id="hindranceDicesLevel" type="text" name="hindranceDicesLevel" value="{{hindranceDicesLevel}}" data-dtype="Number">
            {{#select hindranceDicesLevel}}
            {{{optionsDiceList}}}
            {{/select}}
          </select> 
          <span class="small-label">&nbsp;</span>
        </div>
      
      <div class="flexrow">
        <span class="roll-dialog-label" >Other Dice :</span>
          <select class="roll-dialog-label" id="otherDicesLevel" type="text" name="otherDicesLevel" value="{{otherDicesLevel}}" data-dtype="Number">
            {{#select otherDicesLevel}}
            {{{optionsDiceList}}}
            {{/select}}
          </select> 
          <span class="small-label">&nbsp;</span>
        </div>
      
    </div>

    <div>
      {{> systems/fvtt-pegasus-rpg/templates/partial-roll-select-effects.html}}
    </div>

  </div>
  
</form>