{{!-- ===================== CAPACITÉS SURNATURELLES ===================== --}}

<div class="cde-super-add-row">
  <a class="cde-super-add-btn" data-action="create" data-type="supernatural" title="{{ localize 'CDE.SupernaturalCreate' }}">
    <i class="fas fa-plus"></i> {{ localize "CDE.SupernaturalCreate" }}
  </a>
</div>

{{#if supernaturals.length}}
{{#each supernaturals as |item|}}
<div class="cde-super-card" data-item-id="{{item._id}}">

  <div class="cde-super-header">
    <img class="cde-super-img" src="{{item.img}}" alt="{{item.name}}" />
    <div class="cde-super-info">
      <span class="cde-super-name">{{item.name}}</span>
      {{#if item.system.activation}}
      <span class="cde-super-meta">
        <span class="cde-act-badge cde-act--{{item.system.activation}}" title="{{ getActivationLabel item.system.activation }}">{{ getActivationLabel item.system.activation }}</span>
      </span>
      {{/if}}
    </div>
    <div class="cde-super-controls">
      <a data-action="edit" data-item-id="{{item._id}}" title="{{ localize 'CDE.SupernaturalEdit' }}"><i class="fas fa-edit"></i></a>
      <a data-action="delete" data-item-id="{{item._id}}" title="{{ localize 'CDE.SupernaturalDelete' }}"><i class="fas fa-trash"></i></a>
    </div>
  </div>

  {{#if item.system.description}}
  <div class="cde-super-desc">{{{item.system.description}}}</div>
  {{/if}}

</div>
{{/each}}
{{else}}
<p class="cde-super-empty">{{ localize "CDE.NoSupernaturals" }}</p>
{{/if}}