{{#if spells.length}}
<ol class="item-list">
  {{#each spells as |item|}}
  <li class="item flexrow" data-item-id="{{item._id}}">
    {{#if item.system.aspect}}
    <img class="cde-spell-aspect-icon" src="{{ getElementIcon item.system.aspect }}" title="{{item.system.aspect}}" width="24" height="24" />
    {{else}}
    <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
    {{/if}}
    <h4 class="item-name">{{item.name}}</h4>
    {{#if item.system.discipline}}<span class="cde-badge spell">{{item.system.discipline}}</span>{{/if}}
    <div class="item-controls">
      <a class="item-control" title="{{ localize 'CDE.SpellEdit' }}" data-action="edit"><i class="fas fa-edit"></i></a>
      <a class="item-control" title="{{ localize 'CDE.SpellDelete' }}" data-action="delete"><i class="fas fa-trash"></i></a>
    </div>
  </li>
  {{/each}}
</ol>
{{else}}
<p class="cde-empty-list">{{ localize "CDE.NoSpells" }}</p>
{{/if}}
<p>
  <a class="item-control" title="{{ localize 'CDE.SpellCreate' }}" data-action="create" data-type="spell"><i class="fas fa-plus"></i> {{ localize "CDE.SpellCreate" }}</a>
</p>
