<div class="bol-spell-card">
  <div class="spell-card-header">
    <img class="spell-img" src="{{spell.img}}" alt="{{spell.name}}"/>
    <div class="spell-card-title">
      <span class="spell-name">{{spell.name}}</span>
      <div class="spell-stats">
        <span class="spell-stat-badge cost"><i class="fas fa-bolt"></i> {{localize "BOL.chat.spellcost"}} : {{ppCost}}</span>
        {{#if remainingPP}}<span class="spell-stat-badge remaining"><i class="fas fa-battery-half"></i> {{localize "BOL.chat.spellremaining"}} : {{remainingPP}}</span>{{/if}}
      </div>
    </div>
  </div>
</div>

