<div class="history-group">
    <header>
        <div class="name">
            <span>{{ localize "MonksActiveTiles.history.Token" }}</span>
        </div>
        <div class="when">
            <span>{{ localize "MonksActiveTiles.history.When" }}</span>
        </div>
        <div class="how">
            <span>{{ localize "MonksActiveTiles.history.How" }}</span>
        </div>
        <div class="who">
            <span>{{ localize "MonksActiveTiles.history.Who" }}</span>
        </div>
        <div class="controls"></div>
    </header>

    <ol class="history-list scrollable">
        {{#each history.list}}
        <li class="history" data-history-id="{{this.id}}">
            <div class="name">
                <span>{{this.name}}</span>
            </div>

            <div class="when">
                <span>{{this.whenfrmt}}</span>
            </div>

            <div class="how">
                <span>{{this.howname}}</span>
            </div>

            <div class="who">
                <span>{{this.username}}</span>
            </div>

            <div class="controls">
                <button type="button" class="inline-control icon fas fa-trash" data-tooltip="Delete Item" data-action="deleteVariable"></button>
            </div>
        </li>
        {{/each}}
    </ol>
</div>