<div class="sortilege-dialog invocation-dialog">

  {{!-- Header --}}
  <div class="sortilege-header flexrow">
    {{#if img}}<img src="{{img}}" class="sortilege-actor-img" alt="{{name}}" />{{/if}}
    <div class="sortilege-actor-info">
      <span class="sortilege-actor-name">{{name}}</span>
      <span class="sortilege-ame-info">Âme disponible : <strong>{{ameDisponible}}</strong></span>
      <span class="sortilege-ame-info">
        <i class="fas fa-star" style="color:gold;"></i> Invocation d'un Esprit de la Loi
      </span>
    </div>
  </div>

  {{!-- Prérequis --}}
  {{#unless prerequisOk}}
  <div class="invoc-warning-box">
    <i class="fas fa-exclamation-triangle"></i>
    <strong>Prérequis non remplis :</strong>
    {{#unless isLoyal}}<div>• Alignement loyal requis (Loi doit être supérieur au Chaos)</div>{{/unless}}
    {{#unless hasRuneLoi}}<div>• Rune de la Loi requise dans l'inventaire</div>{{/unless}}
  </div>
  {{/unless}}

  {{!-- Compétences disponibles --}}
  <div class="invoc-comp-summary">
    <span class="comp-badge {{#unless persuasionNiveau}}comp-missing{{/unless}}">
      Persuasion : {{#if persuasionNiveau}}<strong>{{persuasionNiveau}}</strong>{{else}}<em>absente</em>{{/if}}
    </span>
    <span class="comp-badge {{#unless hautParlerNiveau}}comp-missing{{/unless}}">
      Haut-Parler : {{#if hautParlerNiveau}}<strong>{{hautParlerNiveau}}</strong>{{else}}<em>absent</em>{{/if}}
    </span>
    <span class="comp-badge {{#unless loiChaosNiveau}}comp-missing{{/unless}}">
      Loi &amp; Chaos : {{#if loiChaosNiveau}}<strong>{{loiChaosNiveau}}</strong>{{else}}<em>absent</em>{{/if}}
    </span>
  </div>

  {{!-- Choix de l'Automaton --}}
  <div class="invoc-seuil-calculator">
    <h4 class="invoc-section-title"><i class="fas fa-cogs"></i> Choisir l'Automaton</h4>

    <div class="invoc-criteria-grid">

      <label>Type d'Automaton</label>
      <select name="automatonType">
        {{#each automatonTypes}}
        <option value="{{@key}}">{{this}}</option>
        {{/each}}
      </select>

      <label>Puissance</label>
      <select name="puissance" id="esprit-puissance">
        <option value="mineur">Mineur (Seuil 15 — 1 heure)</option>
        <option value="median">Médian (Seuil 20 — 1 jour)</option>
        <option value="majeur">Majeur (Seuil 25 — 1 semaine)</option>
      </select>

      <label>Durée de concentration</label>
      <span id="esprit-duree" style="font-style:italic;align-self:center;">1 heure</span>

      <label>Modificateur de jet</label>
      <select name="modificateur">
        {{#each modOptions}}
        <option value="{{this}}" {{#if (eq this 0)}}selected{{/if}}>{{#if (gt this 0)}}+{{/if}}{{this}}</option>
        {{/each}}
      </select>

    </div>

    {{!-- Seuil calculé --}}
    <div class="invoc-seuil-total-row">
      <span class="invoc-seuil-label">Seuil de difficulté :</span>
      <span class="invoc-value-highlight invoc-seuil-total" id="esprit-seuil-total">15</span>
      <input type="hidden" name="seuil" id="esprit-seuil-hidden" value="15" />
    </div>
  </div>

  {{!-- Résumé du jet --}}
  <div class="potion-dialog-section potion-summary">
    <div class="flexrow summary-row">
      <span class="summary-label">Formule :</span>
      <span class="summary-value">Trempe ({{treValeur}}) + Persuasion ({{#if persuasionNiveau}}{{persuasionNiveau}}{{else}}0{{/if}})</span>
    </div>
    <div class="flexrow summary-row">
      <span class="summary-label">Coût en Âme :</span>
      <span class="summary-value"><strong id="esprit-cout-ame">15</strong> points (= Seuil)</span>
    </div>
    <div class="flexrow summary-row">
      <span class="summary-label">Durée de vie :</span>
      <span class="summary-value"><em>Seuil</em> jours après invocation réussie</span>
    </div>
  </div>

  <div id="esprit-ame-warn" class="invoc-warning-box" style="display:none;">
    <i class="fas fa-exclamation-triangle"></i> Âme insuffisante pour cette invocation !
  </div>

</div>
