<div class="malefices-chat-card">

  <header class="chat-card-header">
    {{#if actorImg}}
      <img class="chat-actor-img" src="{{actorImg}}" alt="{{alias}}" />
    {{/if}}
    <div class="chat-actor-name">{{alias}}</div>
    {{#if img}}
      <div class="chat-header-roll">
        <img class="chat-roll-icon" src="{{img}}" alt="Confrontation" />
        <span class="chat-roll-name">Confrontation</span>
      </div>
    {{/if}}
  </header>

  <div class="chat-card-separator"></div>

  <dl class="chat-roll-details">
    <div class="chat-detail-row">
      <dt>{{attr.label}}</dt>
      <dd>{{attr.value}}</dd>
    </div>
    {{#if confrontationDegre}}
      <div class="chat-detail-row">
        <dt>Degré de confrontation</dt>
        <dd>{{confrontationDegre}}</dd>
      </div>
    {{/if}}
    {{#if confrontationModif}}
      <div class="chat-detail-row">
        <dt>Ajustement</dt>
        <dd>{{confrontationModif}}</dd>
      </div>
    {{/if}}
    <div class="chat-detail-row chat-detail-target">
      <dt>Seuil final</dt>
      <dd>{{target}}</dd>
    </div>
    <div class="chat-detail-row chat-detail-roll">
      <dt>Valeur de la carte</dt>
      <dd>{{total}}</dd>
    </div>
  </dl>

  <div class="chat-card-result {{#if isSuccess}}result-success{{else}}result-failure{{/if}}">
    {{#if isSuccess}}
      <i class="fa-solid fa-check"></i> Réussite !
      <div class="chat-result-damage">{{attr.label}} augmente de {{gainAttr}} points</div>
    {{else}}
      <i class="fa-solid fa-xmark"></i> Échec !
      <div class="chat-result-damage">{{attr.label}} diminue de {{gainAttr}} points</div>
    {{/if}}
  </div>

</div>
