{{!-- Tab with overview and quick-actions on owned items --}}
<div class="tab items" data-group="primary" data-tab="items">
    <ol class="items-list">
        <li class="item flexrow item-header">
            <div class="item-image"></div>
            <div class="item-name">Name</div>
            <div class="item-controls">
                <a class="item-control item-create" title="Create item" data-type="weapon"
                    ><i class="fas fa-plus"></i> Add item</a
                >
            </div>
        </li>
        {{#each actor.items as |item id|}}
        <li class="item flexrow" data-item-id="{{item._id}}">
            <div class="item-image">
                <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
            </div>
            <h4 class="item-name">{{item.name}}</h4>
            <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>
</div>