<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">

      {{#if isGeneric}}

      {{else}}
      <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>
        <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>
        {{/if}}

      {{/if}}

      <!--
      {{#if isDamage}}
      <div class="flexrow">
        <span class="roll-dialog-label">Weapon Damage :</span>
        <select class="roll-dialog-label" id="damageDiceLevel" type="text" name="damageDiceLevel"
          value="{{damageDiceLevel}}" data-dtype="Number">
          {{#select damageDiceLevel}}
          {{{optionsDiceList}}}
          {{/select}}
        </select>
        <span class="small-label">&nbsp;</span>
      </div>
      {{/if}}
      -->
      
      <div class="dice-pool-div">
        <span>
          <h3 class="dice-pool-label">Current pool</h3>
        </span>
        <div class="flexrow dice-pool-stack">
          {{#each dicePool as |dice idx|}}
          <span><a class="pool-remove-dice" data-dice-idx="{{idx}}" data-dice-level="{{dice.level}}" data-dice-key="{{dice.key}}"><img class="dice-pool-image"
                src="{{dice.img}}"></a></span>
          {{/each}}
        </div>
      </div>

      <div class="flexrow">
        {{#each diceList as |dice idx|}}
        <span><a class="pool-add-dice" data-dice-key="{{dice.key}}" data-dice-level="{{dice.level}}"><img class="dice-pool-image"
              src="{{dice.img}}"></a></span>
        {{/each}}
      </div>

    </div>

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

  </div>

</form>