<div class="fvtt-lethal-fantasy damage-applied-message">
  <div class="damage-header">
    <div class="damage-icon">
      <i class="fa-solid fa-heart-crack"></i>
    </div>
    <div class="damage-info">
      <div class="target-name">{{targetName}}</div>
      <div class="damage-subtitle">{{localize "LETHALFANTASY.DamageApplied.subtitle"}}</div>
    </div>
  </div>

  <div class="damage-details">
    <div class="damage-amount">
      <span class="damage-label">{{localize "LETHALFANTASY.DamageApplied.damageDealt"}}</span>
      <span class="damage-value">{{damage}}</span>
      {{#if rawDamage}}
        <span class="damage-raw">({{rawDamage}} raw)</span>
      {{/if}}
    </div>

    {{#if drText}}
      <div class="damage-reduction">
        <i class="fa-solid fa-shield"></i>
        <span>{{drText}}</span>
      </div>
    {{/if}}

    <div class="damage-source">
      <i class="fa-solid fa-crosshairs"></i>
      <span>{{localize "LETHALFANTASY.DamageApplied.from"}}
        {{#if attackerName}}<strong>{{attackerName}}</strong> with {{/if}}
        <strong>{{weaponName}}</strong>
      </span>
    </div>
  </div>
</div>
