<li class="flexrow"><label class="generic-label">Effects</label>
</li>
<li>
  <ul class="ul-level1">
    <li class="flexrow"><div class="drop-equipment-effect"><label>Drop Effects here !</label></div>
    </li>
    {{#each data.effects as |effect idx|}}
    <li class="flexrow">
      <label name="system.effects[{{idx}}].name"><a class="view-subitem" data-type="effects" data-index="{{idx}}">{{effect.name}}</a></label>
      <div class="item-controls padd-left">
        <a class="item-control delete-subitem padd-left" data-type="effects" data-index="{{idx}}" title="Delete Effect"><i class="fas fa-trash"></i></a>
      </div>   
    </li>
    {{/each}}
  </ul>              
</li>
