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

  <details class="difficulty-section" open>
    <summary class="flexrow">
      <span class="label">{{ localize 'VERMINE.collective_rewards' }}</span>
      <span class="current-values"><span id="collective-total">0D</span></span>
    </summary>
    <div class="flexrow difficulty-controls">
      <div class="flexcol">
        <label class="label" for="collective-danger">{{ localize 'VERMINE.danger' }}</label>
        <select class="info-value" data-roll="true" id="collective-danger" name="collective-danger">
          {{#each rewards}}
          <option value="{{ this.value }}">{{ this.label }} ({{ this.value }}D)</option>
          {{/each}}
        </select>
      </div>
      <div class="flexcol">
        <label class="label" for="collective-discoveries">{{ localize 'VERMINE.discoveries' }}</label>
        <select class="info-value" data-roll="true" id="collective-discoveries" name="collective-discoveries">
          {{#each rewards}}
          <option value="{{ this.value }}">{{ this.label }} ({{ this.value }}D)</option>
          {{/each}}
        </select>
      </div>
      <div class="flexcol">
        <label class="label" for="collective-duration">{{ localize 'VERMINE.duration' }}</label>
        <select class="info-value" data-roll="true" id="collective-duration" name="collective-duration">
          {{#each rewards}}
          <option value="{{ this.value }}">{{ this.label }} ({{ this.value }}D)</option>
          {{/each}}
        </select>
      </div>
    </div>
    {{#if groups.length}}
    <div class="flexrow bonus-item">
      <label class="label" for="group-select">{{ localize 'VERMINE.collective_group' }}</label>
      <select class="info-value" id="group-select" name="group-select">
        <option value="">{{ localize 'VERMINE.all_characters' }}</option>
        <option value="none">{{ localize 'VERMINE.no_group' }}</option>
        {{#each groups}}
        <option value="{{ this.id }}">{{ this.name }} ({{ this.dice }}D)</option>
        {{/each}}
      </select>
    </div>
    {{/if}}
  </details>

  <div class="exp-phase-characters">
    {{#each characters}}
    <details class="difficulty-section" data-character-id="{{ this.id }}" data-group-id="{{ this.groupId }}" open>
      <summary class="flexrow">
        <label class="flexrow exp-include-label" title="{{ localize 'VERMINE.include_in_phase' }}">
          <input type="checkbox" data-roll="true" id="include-{{ this.id }}" name="include-{{ this.id }}" checked />
        </label>
        <span class="label">{{ this.name }}</span>
        <span class="current-values">
          {{#if this.groupName}}[{{ this.groupName }}]{{ else }}[{{ localize 'VERMINE.no_group' }}]{{/if}}
          {{ localize 'VERMINE.experience_dice' }}: {{ this.dice }}D
        </span>
      </summary>
      <div class="flexrow difficulty-controls">
        <div class="flexcol">
          <label class="label" for="implication-{{ this.id }}">{{ localize 'VERMINE.implication' }}</label>
          <select class="info-value" data-roll="true" id="implication-{{ this.id }}" name="implication-{{ this.id }}">
            {{#each @root.rewards}}
            <option value="{{ this.value }}">{{ this.label }} ({{ this.value }}D)</option>
            {{/each}}
          </select>
        </div>
        <div class="flexcol">
          <label class="label" for="influence-{{ this.id }}">{{ localize 'VERMINE.influence' }}</label>
          <select class="info-value" data-roll="true" id="influence-{{ this.id }}" name="influence-{{ this.id }}">
            {{#each @root.rewards}}
            <option value="{{ this.value }}">{{ this.label }} ({{ this.value }}D)</option>
            {{/each}}
          </select>
        </div>
        <div class="flexcol">
          <label class="label" for="interpretation-{{ this.id }}">{{ localize 'VERMINE.interpretation' }}</label>
          <select class="info-value" data-roll="true" id="interpretation-{{ this.id }}" name="interpretation-{{ this.id }}">
            {{#each @root.rewards}}
            <option value="{{ this.value }}">{{ this.label }} ({{ this.value }}D)</option>
            {{/each}}
          </select>
        </div>
      </div>
      <div class="flexrow bonus-item">
        <label class="flexrow">
          <input type="checkbox" data-roll="true" id="objective-minor-{{ this.id }}" name="objective-minor-{{ this.id }}" />
          <span class="label">{{ localize 'VERMINE.objective_minor' }} (+3D)</span>
        </label>
        <label class="flexrow">
          <input type="checkbox" data-roll="true" id="objective-major-{{ this.id }}" name="objective-major-{{ this.id }}" />
          <span class="label">{{ localize 'VERMINE.objective_major' }} (+5D)</span>
        </label>
        <label class="flexrow">
          <input type="checkbox" data-roll="true" id="trauma-{{ this.id }}" name="trauma-{{ this.id }}" />
          <span class="label">{{ localize 'VERMINE.trauma_reward' }} (+5D)</span>
        </label>
      </div>
    </details>
    {{else}}
    <p>{{ localize 'VERMINE.no_character' }}</p>
    {{/each}}
  </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="apply">
      <i class="fas fa-check"></i> {{localize "VERMINE.apply"}}
    </button>
  </footer>
</div>
