<ol class='items-list'>
    <li class='item flexrow items-header align-right'>
        <div class='item-controls'>
            <a class='item-control item-create' title='Create Illumination Key' data-type='IlluminationKey'>
                <i class='fas fa-plus'></i> Add Illumination Key
            </a>
        </div>
    </li>
    {{#each illuminationKeys as |illuminationKey id|}}
    <li class='item flexrow' data-item-id='{{illuminationKey._id}}'>
        <div class='item-name'>
            <div class='item-image'>
                <img src='{{illuminationKey.img}}' title='{{illuminationKey.name}}' width='24' height='24' />
            </div>
            <h4>{{illuminationKey.name}}</h4>
        </div>
        <div class='item-controls'>
            <a class='item-control item-edit' title='Edit Item'><i class='fas fa-edit'></i></a>
            <a class='item-control item-delete' title='Delete Item'><i class='fas fa-trash'></i></a>
        </div>
    </li>
    {{/each}}
</ol>
