<div class="les-oublies-roll-dialog">
  <div class="sheet-grid sheet-grid-2">
    <section class="sheet-card">
      <h2>{{spell.name}}</h2>
      <div class="field-row"><label>Tradition</label><input type="text" value="{{spell.system.tradition}}" disabled /></div>
      <div class="field-row"><label>Compétence</label><input type="text" value="{{skillLabel spell.system.skillKey}}" disabled /></div>
      <div class="field-row"><label>Polarité</label><input type="text" value="{{spell.system.polarity}}" disabled /></div>
      <div class="field-row"><label>{{localize "LESOUBLIES.labels.preparation"}}</label><input type="text" value="{{spell.system.preparation}}" disabled /></div>
      <div class="field-row"><label>{{localize "LESOUBLIES.labels.duree"}}</label><input type="text" value="{{spell.system.duration}}" disabled /></div>
      <div class="field-row"><label>{{localize "LESOUBLIES.labels.portee"}}</label><input type="text" value="{{spell.system.range}}" disabled /></div>
      <div class="field-row"><label>{{localize "LESOUBLIES.labels.aire"}}</label><input type="text" value="{{spell.system.area}}" disabled /></div>
      <div class="field-row"><label>{{localize "LESOUBLIES.labels.cumul"}}</label><input type="text" value="{{spell.system.stacking}}" disabled /></div>
      <p class="help-text">{{#if isMetierMatch}}Le métier de l'acteur couvre ce sortilège : le coût de base s'applique.{{else}}Le métier de l'acteur ne couvre pas ce sortilège : le coût est doublé conformément aux règles.{{/if}}</p>
    </section>

    <section class="sheet-card">
      <h2>Activation</h2>
      <div class="field-row">
        <label>Coût réglé</label>
        <input name="actualCost" type="number" value="{{values.actualCost}}" />
      </div>
      <div class="field-row">
        <label>Type de ressource</label>
        <select name="paymentMode">
          <option value="points" {{#if (eq values.paymentMode "points")}}selected{{/if}}>Points</option>
          <option value="fils" {{#if (eq values.paymentMode "fils")}}selected{{/if}}>Fils</option>
        </select>
      </div>
      <div class="field-row" data-payment-source hidden>
        <label>Réserve de fils</label>
        <select name="paymentSource">
          {{#each threadReserves.options as |option|}}
            <option value="{{option.value}}" {{#if (eq option.value @root.values.paymentSource)}}selected{{/if}}>{{option.label}}</option>
          {{/each}}
        </select>
      </div>
      <div class="field-row">
        <label>Coût effectif</label>
        <input type="text" value="{{effectiveCostLabel}}" data-effective-cost disabled />
      </div>
      <div class="field-row">
        <label>Cible / scène</label>
        <input name="targetLabel" type="text" value="{{values.targetLabel}}" />
      </div>
      <div class="field-row">
        <label>Notes</label>
        <input name="notes" type="text" value="{{values.notes}}" />
      </div>
      <p class="help-text">{{localize "LESOUBLIES.rolls.resourceState"}} : Songes {{resources.songesPoints}} / {{resources.songesValue}} · Cauchemar {{resources.cauchemarPoints}} / {{resources.cauchemarValue}}</p>
      <p class="help-text">Réserve perso : Songes {{threadReserves.actor.songesThreads}} · Cauchemar {{threadReserves.actor.cauchemarThreads}} · Globes vides {{threadReserves.actor.emptyGlobes}}</p>
      {{#if threadReserves.hasCompany}}
        <p class="help-text">{{threadReserves.company.label}} : Songes {{threadReserves.company.songesThreads}} · Cauchemar {{threadReserves.company.cauchemarThreads}} · Globes vides {{threadReserves.company.emptyGlobes}}</p>
      {{/if}}
      <p class="help-text" data-payment-source-hint>La dépense se fait dans les points de Songes ou de Cauchemar du personnage.</p>
    </section>
  </div>
</div>
