<div class="item-detail item-controls">

    {{#if @root.editable}}
    {{!-- Editing --}}
    <a class="item-control item-action" data-action="edit" data-tooltip="DND5E.ItemEdit"
       aria-label="{{ localize "DND5E.ItemEdit" }}">
        <i class="fas fa-pen-to-square"></i>
    </a>

    {{!-- Deleting --}}
    <a class="item-control item-action" data-action="delete" data-tooltip="DND5E.ItemDelete"
       aria-label="{{ localize "DND5E.ItemDelete" }}">
        <i class="fas fa-trash"></i>
    </a>
    {{/if}}

    {{!-- Expand/Collapse --}}
    <a class="item-control interface-only" data-toggle-description
       aria-label="{{ localize "DND5E.ToggleDescription" }}">
        {{#if ctx.isExpanded}}
        <i class="fas fa-compress"></i>
        {{else}}
        <i class="fas fa-expand"></i>
        {{/if}}
    </a>

    {{!-- Context Menu --}}
    <a class="item-control interface-only" data-context-menu
       aria-label="{{ localize "DND5E.AdditionalControls" }}">
        <i class="fas fa-ellipsis-vertical"></i>
    </a>

</div>
