<div class="oh-roll-dialog oh-weapon-dialog">

  <div class="weapon-header">
    <img src="{{skillImg}}" class="weapon-img-sm" alt="{{skillName}}" />
    <div class="weapon-header-info">
      <span class="weapon-name-lg">{{skillName}}</span>
      <div class="weapon-badges">
        <span class="roll-color-badge color-badge-{{colorType}}">{{colorEmoji}} {{dicePool}}d6 ({{threshold}}+)</span>
      </div>
    </div>
  </div>

  <fieldset class="attack-options-block">
    <legend>{{localize "OATHHAMMER.Dialog.Options"}}</legend>

    <div class="roll-option-row">
      <label>{{localize "OATHHAMMER.Dialog.Modifier"}}</label>
      <select name="bonus">
        {{#each bonusOptions}}<option value="{{value}}"{{#if selected}} selected{{/if}}>{{label}}</option>{{/each}}
      </select>
    </div>

    <div class="roll-option-row">
      <label>{{localize "OATHHAMMER.Dialog.DiceColor"}}</label>
      <select name="colorOverride">
        <option value="">— {{localize "OATHHAMMER.Dialog.Default"}} ({{colorType}}) —</option>
        {{selectOptions colorChoices selected=colorType}}
      </select>
    </div>

    {{#if showExplodeOn5}}
    <div class="roll-option-row">
      <label>{{localize "OATHHAMMER.Dialog.ExplodeOn5"}}</label>
      <input type="checkbox" name="explodeOn5" value="true" />
    </div>
    {{/if}}

  </fieldset>

  <fieldset class="roll-visibility-block">
    <legend>{{localize "OATHHAMMER.Dialog.Visibility"}}</legend>
    <select name="visibility">
      {{selectOptions rollModes selected=visibility localize=true}}
    </select>
  </fieldset>

</div>
