<div class="roll-dialog-content">
  <h3 class="combat-mode-label">{{ localize 'VERMINE.open_learning' }}</h3>

  <div class="learning-summary">
    <span class="label">{{ localize 'VERMINE.experience_dice' }}:</span>
    <span class="exp-value">{{ dice }}D</span>
  </div>

  <div class="learning-type">
    <label><input type="radio" data-roll="true" name="learning-type" value="level" checked /><span>{{ localize 'VERMINE.learn_level' }}</span></label>
    <label><input type="radio" data-roll="true" name="learning-type" value="reserve" /><span>{{ localize 'VERMINE.learn_group_reserve' }}</span></label>
    <label><input type="radio" data-roll="true" name="learning-type" value="ability" /><span>{{ localize 'VERMINE.learn_ability' }}</span></label>
  </div>

  <div id="learning-level-section" class="learning-targets">
    <p class="learning-hint">{{ localize 'VERMINE.group_level_hint' }}</p>
  </div>

  <div id="learning-reserve-section" class="learning-targets" style="display:none;">
    <p class="learning-hint">{{ localize 'VERMINE.group_reserve_hint' }}</p>
  </div>

  <div id="learning-ability-section" class="learning-targets" style="display:none;">
    <label class="label" for="learning-ability">{{ localize 'VERMINE.learn_ability' }}</label>
    <select class="info-value" data-roll="true" id="learning-ability" name="learning-ability">
      {{#each abilities}}
      <option value="{{ this.id }}" data-threshold="{{ this.threshold }}" data-level="{{ this.level }}">
        {{ this.name }} ({{ localize 'VERMINE.learn' }} {{ this.threshold }} / {{ localize 'VERMINE.level' }} {{ this.level }})
      </option>
      {{/each}}
    </select>
    {{#unless abilities.length}}
    <p class="learning-hint">{{ localize 'VERMINE.no_group_ability' }}</p>
    {{/unless}}
    <p class="learning-hint">{{ localize 'VERMINE.group_ability_hint' }}</p>
  </div>

  <div class="flexrow bonus-item full-width">
    <label class="label" for="learning-dice">{{ localize 'VERMINE.dice_spent' }}</label>
    <input type="number" class="numeric-entry" style="text-align:center;" data-roll="true"
      id="learning-dice" name="learning-dice" min="1" max="{{ dice }}" value="1" />
    <span>D</span>
  </div>

  <div class="learning-result">
    <div class="context-item">
      <span class="context-label">{{ localize 'VERMINE.difficulty' }}</span>
      <span class="context-value" id="diff-value">5</span>
    </div>
    <div class="context-item">
      <span class="context-label">{{ localize 'VERMINE.handicap' }}</span>
      <span class="context-value" id="handicap-value">0</span>
    </div>
    <div class="context-item">
      <span class="context-label">{{ localize 'VERMINE.success_required' }}</span>
      <span class="context-value" id="required-value">1</span>
    </div>
    <div class="context-item">
      <span class="context-label">{{ localize 'VERMINE.pool_total' }}</span>
      <span class="context-value" id="pool-value">1D</span>
    </div>
  </div>

  <footer class="sheet-footer flexrow">
    <button type="button" data-action="cancel">
      <i class="fas fa-times"></i> {{localize "VERMINE.cancel"}}
    </button>
    <button type="button" data-action="roll">
      <i class="fas fa-graduation-cap"></i> {{localize "VERMINE.roll"}}
    </button>
  </footer>
</div>
