<div class="potion-dialog">

  <div class="sortilege-header flexrow">
    <img src="{{img}}" class="sortilege-actor-img" />
    <div class="sortilege-actor-info">
      <span class="sortilege-actor-name">{{name}}</span>
      <span class="sortilege-ame-info">Âme disponible : <strong>{{ameDisponible}}</strong></span>
    </div>
  </div>

  <div class="potion-dialog-section">
    <h4 class="potion-dialog-title"><i class="fas fa-star-of-david"></i> Sélectionner une Rune</h4>
    <table class="potion-runes-table">
      <thead>
        <tr>
          <th></th>
          <th>Rune</th>
          <th class="text-center">Seuil</th>
          <th class="text-center">Formule</th>
        </tr>
      </thead>
      <tbody>
        {{#each runes as |rune|}}
        <tr class="potion-rune-row" data-rune-id="{{rune._id}}" data-seuil="{{rune.system.seuil}}">
          <td class="text-center">
            <input type="radio" name="rune-selected" class="potion-rune-radio" value="{{rune._id}}"
              {{#if @first}}checked{{/if}} />
          </td>
          <td>
            <img src="{{rune.img}}" class="rune-mini-img" />
            {{rune.name}}
          </td>
          <td class="text-center">{{rune.system.seuil}}</td>
          <td class="text-center">{{rune.system.formule}}</td>
        </tr>
        {{/each}}
      </tbody>
    </table>
  </div>

  <div class="potion-dialog-section">
    <h4 class="potion-dialog-title"><i class="fas fa-flask"></i> Paramètres</h4>

    <div class="flexrow sortilege-mode-row">
      <label class="roll-dialog-label">Points d'Âme investis :</label>
      <select name="pointsAme" id="potion-points-ame" class="roll-dialog-label">
        {{#each ameOptions as |n|}}
        <option value="{{n}}" {{#if (eq n 1)}}selected{{/if}}>{{n}}</option>
        {{/each}}
      </select>
    </div>

    <div class="flexrow sortilege-mode-row">
      <label class="roll-dialog-label">Forme :</label>
      <select name="forme" id="potion-forme" class="roll-dialog-label">
        {{selectOptions config.potionFormeOptions selected="liquide"}}
      </select>
    </div>

    <div class="flexrow sortilege-mode-row">
      <label class="roll-dialog-label">Modificateur :</label>
      <select name="modificateur" class="roll-dialog-label">
        {{#each modOptions as |n|}}
        <option value="{{n}}" {{#if (eq n 0)}}selected{{/if}}>{{#if (gt n 0)}}+{{/if}}{{n}}</option>
        {{/each}}
      </select>
    </div>
  </div>

  <div class="potion-dialog-section potion-summary">
    <div class="flexrow summary-row">
      <span class="summary-label">Difficulté estimée :</span>
      <span class="summary-value" id="potion-difficulte">—</span>
    </div>
    <div class="flexrow summary-row">
      <span class="summary-label">Temps de préparation :</span>
      <span class="summary-value" id="potion-temps">—</span>
    </div>
    <div class="flexrow summary-row potion-info-note">
      <i class="fas fa-eye-slash"></i>
      <span>Le jet sera effectué en secret par le MJ.</span>
    </div>
  </div>

</div>
