<div class="potion-dialog invocation-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-wind"></i> Élément &amp; Puissance</h4>

    <div class="flexrow sortilege-mode-row">
      <label class="roll-dialog-label">Élément :</label>
      <select name="element" id="invoc-element" class="roll-dialog-label">
        <option value="air">Air</option>
        <option value="terre">Terre</option>
        <option value="feu">Feu</option>
        <option value="eau">Eau</option>
      </select>
    </div>

    <div class="flexrow sortilege-mode-row">
      <label class="roll-dialog-label">Puissance :</label>
      <select name="tier" id="invoc-tier" class="roll-dialog-label">
        <option value="mineur" data-seuil="15">Mineur (Seuil 15)</option>
        <option value="median" data-seuil="20">Médian (Seuil 20)</option>
        <option value="majeur" data-seuil="25">Majeur (Seuil 25)</option>
      </select>
    </div>

    <div class="flexrow sortilege-mode-row">
      <label class="roll-dialog-label">Points d'Âme supplémentaires :</label>
      <select name="ameExtra" id="invoc-ame-extra" class="roll-dialog-label">
        {{#each ameExtraOptions as |n|}}
        <option value="{{n}}" {{#if (eq n 0)}}selected{{/if}}>{{n}}</option>
        {{/each}}
      </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">Seuil de difficulté :</span>
      <span class="summary-value" id="invoc-seuil">15</span>
    </div>
    <div class="flexrow summary-row">
      <span class="summary-label">Coût total en Âme :</span>
      <span class="summary-value" id="invoc-cout">15</span>
    </div>
    <div class="flexrow summary-row">
      <span class="summary-label">Temps de concentration :</span>
      <span class="summary-value" id="invoc-temps">1 tour</span>
    </div>
    {{#if bonusPacte}}
    <div class="flexrow summary-row invoc-bonus-pacte">
      <i class="fas fa-star"></i>
      <span>Bonus Pacte élémentaire : <strong>+5</strong> sur les invocations liées à cet élément.</span>
    </div>
    {{/if}}
    {{#if hautParlerNiveau}}
    <div class="flexrow summary-row">
      <span class="summary-label">Savoir : Haut-Parler :</span>
      <span class="summary-value">{{hautParlerNiveau}}</span>
    </div>
    {{/if}}
    {{#if seigneursElemNiveau}}
    <div class="flexrow summary-row">
      <span class="summary-label">Savoir : Seigneurs Élémentaires :</span>
      <span class="summary-value">{{seigneursElemNiveau}}</span>
    </div>
    {{/if}}
    <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>
