<div class="les-oublies-chat-card is-success">
  <header class="chat-card-header">
    <div class="chat-card-banner">
      <img class="chat-card-portrait" src="{{actor.img}}" alt="{{actor.name}}" />
      <div class="chat-card-heading">
        <p class="chat-card-kicker">Sortilège</p>
        <h3>{{spell.name}}</h3>
        <p class="chat-card-subtitle"><strong>{{actor.name}}</strong> · {{spell.system.tradition}} / {{spell.system.polarity}}</p>
      </div>
      <div class="chat-card-badge success">Activation</div>
    </div>
  </header>

  <section class="chat-card-body">
    <div class="roll-summary-grid">
      <div><span>Compétence</span><strong>{{skillLabel spell.system.skillKey}}</strong></div>
      <div><span>{{localize "LESOUBLIES.labels.preparation"}}</span><strong>{{spell.system.preparation}}</strong></div>
      <div><span>{{localize "LESOUBLIES.labels.duree"}}</span><strong>{{spell.system.duration}}</strong></div>
      <div><span>{{localize "LESOUBLIES.labels.portee"}}</span><strong>{{spell.system.range}}</strong></div>
      <div><span>{{localize "LESOUBLIES.labels.aire"}}</span><strong>{{spell.system.area}}</strong></div>
      <div><span>{{localize "LESOUBLIES.labels.cumul"}}</span><strong>{{spell.system.stacking}}</strong></div>
    </div>

    <div class="chat-callouts">
      <div class="chat-callout">
        <span>Ressource</span>
        <strong>{{activation.costLabel}}</strong>
        <em>{{activation.paymentSourceLabel}}</em>
      </div>
      <div class="chat-callout">
        <span>Métier</span>
        <strong>{{#if activation.metierMatch}}Couvert{{else}}Hors métier{{/if}}</strong>
        {{#if activation.surcharge}}<em>Surcoût appliqué</em>{{/if}}
      </div>
      <div class="chat-callout">
        <span>Cible / scène</span>
        <strong>{{activation.targetLabel}}</strong>
      </div>
    </div>

    {{#if activation.notes}}
      <p class="roll-formula"><strong>Notes</strong> : {{activation.notes}}</p>
    {{/if}}

    {{#if spell.system.effectsText}}
      <p class="roll-formula"><strong>Effets</strong> : {{{spell.system.effectsText}}}</p>
    {{/if}}
  </section>
</div>
