<div class="mournblade-roll-dialog-content invocation-dialog">

  <div class="actor-header">
    {{#if img}}<img class="actor-portrait" src="{{img}}" alt="{{name}}" />{{/if}}
    <div class="actor-info">
      <h3>{{name}}</h3>
      <div class="dialog-subtitle"><i class="fas fa-skull"></i> Invocation Démoniaque</div>
    </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 isChaotique}}<div>• Alignement chaotique requis (Chaos doit être supérieur à Loi)</div>{{/unless}}
    {{#unless hasOeilSorcier}}<div>• Capacité Spéciale "Œil du Sorcier" requise</div>{{/unless}}
    {{#unless hasRuneChaos}}<div>• Rune du Chaos requise dans l'inventaire</div>{{/unless}}
  </div>
  {{/unless}}

  {{!-- Compétences disponibles --}}
  <div class="invoc-comp-summary">
    <span class="comp-badge {{#unless coercitionNiveau}}comp-missing{{/unless}}">
      Coercition :
      {{#if coercitionNiveau}}<strong>{{coercitionNiveau}}</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>

  {{!-- Calculateur de seuil --}}
  <div class="invoc-seuil-calculator">
    <h4 class="invoc-section-title"><i class="fas fa-calculator"></i> Déterminer le Seuil de difficulté</h4>

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

      <label>Nature du Démon</label>
      <select name="seuil_nature">
        <option value="5">Démon mineur (+5)</option>
        <option value="10">Démon médian (+10)</option>
        <option value="15">Démon majeur (+15)</option>
      </select>

      <label>Traits spécifiques</label>
      <select name="seuil_traits">
        <option value="0">1 Trait (±0)</option>
        <option value="5">2 Traits (+5)</option>
        <option value="10">3 Traits (+10)</option>
      </select>

      <label>Augmentation attributs / capacités</label>
      <input type="number" name="seuil_augmentation" value="0" min="0" max="50" class="invoc-seuil-input" />

      <label>Nature du service</label>
      <select name="seuil_service">
        <option value="0">Service facile (±0)</option>
        <option value="5">Service difficile (+5)</option>
        <option value="10">Danger de mort pour le Démon (+10)</option>
      </select>

      <label>Durée de l'invocation</label>
      <select name="seuil_duree">
        <option value="0">Une heure (±0)</option>
        <option value="5">Un jour (+5)</option>
        <option value="10">Une semaine (+10)</option>
        <option value="15">Plus d'une semaine (+15)</option>
      </select>

      <label>Marché passé avec le Démon</label>
      <select name="seuil_marche">
        <option value="-5">Sorcier accepte tout (-5)</option>
        <option value="0" selected>Compromis (±0)</option>
        <option value="10">Sorcier ne cède sur rien (+10)</option>
      </select>

      <label>Lien avec le Chaos</label>
      <select name="seuil_chaos">
        <option value="0" {{#unless aspectGe8}}{{#unless hasPacte}}selected{{/unless}}{{/unless}}>Aucun lien particulier (±0)</option>
        <option value="-5" {{#if hasPacte}}selected{{/if}}>Pacte avec la divinité du Démon (-5)</option>
        <option value="-10" {{#if aspectGe8}}selected{{/if}}>Aspect de 8 ou plus (-10)</option>
      </select>

      <label>Sacrifice</label>
      <select name="seuil_sacrifice">
        <option value="0" selected>Aucun sacrifice (±0)</option>
        <option value="-5">Un sacrifice (-5)</option>
        <option value="-10">Sacrifice violent et orgiaque (-10)</option>
      </select>

    </div>

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

  </div>

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

    {{!-- Coût en Âme --}}
    <div class="invoc-field invoc-summary-row">
      <label>Âme disponible</label>
      <span class="invoc-value-highlight">{{ameDisponible}}</span>
      <span class="invoc-hint">Coût requis : <strong id="invoc-demon-cout">5</strong> (= Seuil)</span>
    </div>

    {{!-- Attribut TRE --}}
    <div class="invoc-field">
      <label>Trempe (TRE)</label>
      <span class="invoc-value-highlight">{{attr.value}}</span>
    </div>

    {{!-- Modificateur --}}
    <div class="invoc-field">
      <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>

  </div>

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

</div>
